This page was translated from English by the community.Learn more and join the MDN Web Docs community.
hanging-punctuation
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Экспериментальная возможность:Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотритетаблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
Свойствоhanging-punctuation определяет как браузер будет отображать знаки пунктуации, попадающие в начало или в конец строки. Висячая пунктуация может располагаться за границами контейнера.
/* Ключевые слова */hanging-punctuation: none;hanging-punctuation: first;hanging-punctuation: last;hanging-punctuation: force-end;hanging-punctuation: allow-end;/* Два ключевых слова */hanging-punctuation: first force-end;hanging-punctuation: first allow-end;hanging-punctuation: first last;hanging-punctuation: last force-end;hanging-punctuation: last allow-end;/* Три ключевых слова */hanging-punctuation: first force-end last;hanging-punctuation: first allow-end last;/* Общие значения */hanging-punctuation: inherit;hanging-punctuation: initial;hanging-punctuation: unset;| Начальное значение | none |
|---|---|
| Применяется к | все элементы |
| Наследуется | да |
| Обработка значения | как указано |
| Animation type | discrete |
Синтаксис
Свойствоhanging-punctuation может быть определено с помощью одного, двух или трёх ключевых слов.
Дляодного значения может быть использовано любое из описанных ниже значений.
Длядвух значений используются следующие варианты:
firstвместе с одним изlast,allow-endилиforce-endlastвместе с одним изfirst,allow-endилиforce-end
Длятрёх значений используются один из следующих вариантов:
first,allow-endиlastfirst,force-endиlast
Значения
noneНикакие символы не выносятся.
firstОткрывающая скобка или кавычка в начале первой строки выровненного элемента будет вынесена.
lastЗакрывающая скобка или кавычка последней строки выровненного элемента будет вынесена.
force-endТочка или запятая в конце строки выносится.
allow-endТочка или запятая в конце строки будет вынесена, если нет лучшего варианта для выравнивания.
Формальный синтаксис
hanging-punctuation =
none|
[first||[force-end|allow-end]||last]
Пример
HTML
<p> “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim nunc mauris, et sollicitudin est scelerisque sed. Praesent laoreet tortor massa, sit amet vulputate nulla pharetra ut.”</p>CSS
p { hanging-punctuation: first last; margin: 0.5rem;}Результат
Спецификации
| Specification |
|---|
| CSS Text Module Level 3 # hanging-punctuation-property |