CSS свойство hanging-punctuation

Свойство hanging-punctuation устанавливает, может ли знак пунктуации располагаться вне контейнера с текстом вначале или в конце строки текста.

CSS синтаксис

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

Возможные значения

ЗначениеОписание
noneНикакой знак пунктуации не может располагаться вне контейнера с текстом в начале или в конце строки текста.
firstПункуация может располагаться за пределами начального края первой строки.
lastПункуация может располагаться за пределами конечного края последней строки.
allow-endПункуация может располагаться за пределами конечного края всех строк, если пунктуация иным образом не вписывается при выравнивании.
force-endПункуация может располагаться за пределами конечного края всех строк. Если выравнивание разрешено для строки, то оно принуждает пунктуацию быть висячей.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Располагаем знак пунктуации за пределами начального края первой строки в элементе <p>


p {
     hanging-punctuation: first;
}