В hanging-punctuationцілі власності на надання веб - дизайнерів з зернистою контроль над типографікою тонше в Інтернеті.
Ідея вивішування пунктуації полягає в тому, щоб поставити деякі пунктуаційні символи від початку (або до меншої частини в кінці) текстових елементів "за межами" вікна, щоб зберегти потік читання.
По суті, це трохи перемістило б цю цитату, маркер або що завгодно вліво (або вправо в rtlрежимі), щоб перша буква була правильно вирівняна з рештою документа.
Зверніть увагу, що ця властивість є необов’язковою, тому виробники браузерів можуть підтримувати або не підтримувати її.
Синтаксис
hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )none
Жоден персонаж не зависає. Це значення за замовчуванням для цієї властивості.
first
Доступний символ на початку першого відформатованого рядка елемента зависає.
last
Доступний символ у кінці останнього відформатованого рядка елемента зависає.
force-end
У кінці рядка висить зупинка або кома.
Розділові знаки примусово зависають і не враховуються при вимірюванні лінії для виправдання.
allow-end
Зупинка або кома в кінці рядка зависають, якщо це не відповідає іншим виправданням.
Розділові знаки в кінці першого рядка для не зависають, оскільки вони підходять без вивішування. Однак на другому рядку місця недостатньо, тому він зависає.
Доступні символи
| Код | Характер | Ім'я |
|---|---|---|
U+002C | , | КОММА |
U+002E | . | ПОВНА ЗУПИНКА |
U+060C | ، | АРАБСЬКА КОММА |
U+06D4 | ۔ | АРАБСЬКА ПОвна зупинка |
U+3001 | 、 | ІДЕОГРАФІЧНА КОММА |
U+3002 | 。 | ІДЕОГРАФІЧНА ПОвна зупинка |
U+FF0C | ， | ПОВНА ШИРИНА КОММА |
U+FF0E | ． | ПОвна ширина ПОвна зупинка |
U+FE50 | ﹐ | МАЛЕНЬКА КОММА |
U+FE51 | ﹑ | МАЛЕНЬКА ІДЕОГРАФІЧНА КОММА |
U+FE52 | ﹒ | МАЛЕНЬКА ПОвна зупинка |
U+FF61 | ｡ | ІДЕОГРАФІЧНА ПОВНА ЗУПИНКА |
U+FF64 | ､ | ІДЕОГРАФІЧНА КОММА ПОЛІШИРИ |
Зверніть увагу, що агенти користувачів можуть додавати будь-які символи до цього списку. Цитування специфікації:
UA може містити інші символи, якщо це доречно.
Підтримка браузера
Дані про підтримку веб-переглядача подані компанією Caniuse, яка містить більше деталей. Цифра вказує на те, що браузер підтримує цю функцію на цій версії та вище.
Робочий стіл
| Chrome | Firefox | IE | Край | Сафарі |
|---|---|---|---|---|
| Ні | Ні | Ні | Ні | 10 |
Мобільний / планшетний
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Ні | Ні | Ні | 10,0-10,2 |
Пристойним запасним варіантом для непідтримуваного браузера було б використання від’ємного відступу тексту:
blockquote p ( text-indent: -0.5em; /* Change according to your font */ )Для списків маркерів ви можете переконатися, що для позиції маркерів встановлено значення, outsideа також для переповнення контейнера hidden.