В 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 | , | COMMA |
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.