The best CSS3 hanging-punctuation property Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Attribute definitions and instructions,grammar,

CSS3 hanging-punctuation property

Examples

The first line of the p element is placed edge to start a punctuation mark:

p
{
hanging-punctuation:first;
}

Browser Support

Figures in the table represent the first browser to support the version number of the property.

Attributes
hanging-punctuation not support not support not support not support not support

The current mainstream browsers do not support hanging-punctuation property.


Attribute definitions and instructions

hanging-punctuation property specifies whether a punctuation mark at the start or at the end of a text line outside of the box.

Defaults: none
inherit: yes
version: CSS3
JavaScript syntax: object .style.hangingPunctuation = "first"


grammar

hanging-punctuation: none|first|last|allow-end|force-end;

value description
none Not the beginning of the text or the entire line beyond the end of the line box place a label symbol.
first Punctuation attached to the outside edge of the first line start.
last Punctuation attached to the outside edge of the end of the first line.
allow-end
force-end
CSS3 hanging-punctuation property
10/30