CSS 교수형 구두점 속성
예시
<p> 요소에서 첫 번째 줄의 시작 가장자리 외부에 구두점(있는 경우)을 배치합니다.
p
{
hanging-punctuation: first;
}
정의 및 사용
이 hanging-punctuation
속성은 문장 부호를 텍스트의 전체 줄 시작 부분 또는 끝 부분에 줄 상자 외부에 둘 수 있는지 여부를 지정합니다.
기본값: | 없음 |
---|---|
상속: | 네 |
애니메이션 가능: | 아니요. 애니메이션 가능 에 대해 읽기 |
버전: | CSS3 |
자바스크립트 구문: | 개체 .style.hangingPunctuation="첫 번째" |
브라우저 지원
주요 브라우저는 hang-punctuation 속성을 지원하지 않습니다.
Property | |||||
---|---|---|---|---|---|
hanging-punctuation | Not supported | Not supported | Not supported | 10+ | Not supported |
CSS 구문
hanging-punctuation: none|first|last|allow-end|force-end|initial|inherit;
속성 값
Value | Description |
---|---|
none | No punctuation mark may be placed outside the line box at the start or at the end of a full line of text |
first | Punctuation may hang outside the start edge of the first line |
last | Punctuation may hang outside the end edge of the last line |
allow-end | Punctuation may hang outside the end edge of all lines if the punctuation does not otherwise fit prior to justification |
force-end | Punctuation may hang outside the end edge of all lines. If justification is enabled on this line, then it will force the punctuation to hang |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |