Свойство 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 | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| ✕ | ✕ | ✕ | 10.0+ | ✕ |
Практикуйте свои знания
Что такое свойство hanging punctuation в CSS и какие значения оно может принимать?
Правильный!
Неправильно!