지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > 구두점 다듬기 속성을 사용하는 방법

구두점 다듬기 속성을 사용하는 방법

青灯夜游
풀어 주다： 2019-02-12 10:07:06
원래의
2897명이 탐색했습니다.

punkation-trim 속성은 시작 또는 끝 구두점 문자가 줄에 나타날 때 또는 다른 전자 구두점 문자 옆에 나타날 때 잘라야 하는지 여부를 지정하는 데 사용됩니다.

구두점 다듬기 속성을 사용하는 방법

CSS3 구두점 자르기 속성

# 🎜🎜#Function: punkation-trim 속성은 구두점이 줄의 시작이나 끝 부분에 있거나 다른 전자 구두점에 인접한 경우 구두점을 잘라낼지 여부를 지정합니다.

구문: 

punctuation-trim: none|start|end|allow-end|adjacent;
로그인 후 복사

none: 구두점 열기 또는 닫기를 자르지 마세요.​

start: 각 줄 끝의 시작 구두점을 잘라냅니다.​

end: 각 줄 끝의 닫는 구두점을 잘라냅니다.​

allow-end: 적합하지 않은 다른 이유가 있는 경우 각 줄 끝의 닫는 구두점을 잘라냅니다.

adjacent: 이전 인접 문자가 전자 여는 문자, 중간 또는 끝 구두점 또는 표의 문자 공백인 경우 여는 구두점을 자릅니다. 다음 인접 문자가 전자 닫는 구두점, 중간 구두점 또는 표의 문자 공백인 경우 끝 구두점을 자릅니다.

참고: 현재 주류 브라우저는 구두점 다듬기 속성을 지원하지 않습니다.

CSS3 구두점 다듬기 속성 사용 예

각 줄의 시작 부분에서 시작 구두점 자르기 p 요소: 

p
{
punctuation-trim:start;
}
로그인 후 복사

위 내용은 구두점 다듬기 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css3
원천：php.cn
이전 기사：CSS3 텍스트 정렬 속성을 사용하는 방법 다음 기사：다른 CSS 파일을 CSS 파일에 도입하는 방법은 무엇입니까? (코드 예)
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Width 속성을 추가하여 콘텐츠를 왼쪽으로 이동합니다. 나는 본문에 여백을 제공했습니다. main {left margin: 200px; right margin: 200px; text alignment: center} ...
에서 2024-04-06 22:01:35
0
3
816
CSS에서 부동 요소를 수평이 아닌 수직으로 쌓는 방법은 무엇입니까? 한쪽에는 기본 콘텐츠가 있고 다른 한쪽에는 추가 콘텐츠가 있는 두 개의 열로 구성된 웹페이지를 만들려고 합니다. 하지만 float 속성을 사용하여 추가 열을 왼쪽...
에서 2024-04-06 20:45:26
0
2
386
MySQL SQL 쿼리를 사용하여 다른 테이블의 필드 합계를 계산합니다. 다음과 같은 스키마가 있습니다. "user_id" 및 "username" 속성이 있는 사용자 테이블과 "custome...
에서 2024-04-06 19:39:29
0
1
441
사이트에 CSS 스타일이 적용되지 않음 Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경...
에서 2024-04-06 17:12:23
0
1
336
JSON 중첩 배열 속성 "project_id" 및 "project_name"을 변경하는 방법 问题：[{"project_id":1,"project_name":"CDP","role":&q...
에서 2024-04-06 15:39:51
0
1
466
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿