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

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

Свойство hanging-punctuation используется вместе с полностью выровненным текстом и контролирует выравнивание всех строк параграфа текста, когда используется в конце строки.

Только Safari поддерживает это свойство.
Значение по умолчанию none
Применяется Ко всем элементам.
Наследуется Да
Анимируемое Нет
Версия CSS3
DOM синтаксис object.style.hangingPunctuation = "last";

Синтаксис

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      blockquote {
      font-style: normal;
      font-size: 25px;
      width: 20em;
      border-left: 1px solid #000;
      padding: 3rem 0;
      hanging-punctuation: first;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства hanging-punctuation</h2>
    <blockquote>"Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.</blockquote>
  </body>
</html>

Значения

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

Поддержка браузера

x x x 10.0+ x


Считаете ли это полезным?

Похожие статьи