CSS3 hanging-punctuationProperty
Example
Place a punctuation mark at the start edge of the first line of the p element:
p
{
hanging-punctuation:first;
}
{
hanging-punctuation:first;
}
Browser Support
The numbers in the table indicate the first browser version that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| hanging-punctuation | Not supported | Not supported | Not supported | Not supported | Not supported |
Currently, mainstream browsers do not support the hanging-punctuation property.
Attribute definition and usage instructions
The hanging-punctuation property specifies whether a punctuation mark is placed outside the line box at the start or end of a line of text.
| Default value: | none |
|---|---|
| Inherited: | yes |
| version: | CSS3 |
| JavaScript Syntax: | object.style.hangingPunctuation="first" |
Syntax
hanging-punctuation: none|first|last|allow-end|force-end;
| Value | Description |
|---|---|
| none | Punctuation marks are not placed outside the line box at the start or end of the text line. |
| first | Punctuation is attached outside the start edge of the first line. |
| last | Punctuation is attached outside the end edge of the first line. |
| allow-end | |
| force-end |