Cílem této služby hanging-punctuationje poskytnout webovým návrhářům jemnější kontrolu nad typografií na webu.
Myšlenkou visící interpunkce je umístit některé interpunkční znaky od začátku (nebo v menší míře na konec) textových prvků „mimo“ rámeček, aby se zachoval tok čtení.
V zásadě by to ten citát, odrážku nebo cokoli mírně posunulo doleva (nebo doprava v rtlrežimu), aby bylo první písmeno správně zarovnáno se zbytkem dokumentu.
Tato vlastnost je volitelná, takže ji tvůrci prohlížečů mohou nebo nemusí podporovat.
Syntax
hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )none
Žádná postava nevisí. Toto je výchozí hodnota pro tuto vlastnost.
first
Dostupný znak na začátku prvního naformátovaného řádku prvku zablokuje.
last
Dostupný znak na konci posledního formátovaného řádku prvku zablokuje.
force-end
Zastavení nebo čárka na konci řádku zablokuje.
Interpunkce je nucena přestat reagovat a není brána v úvahu při měření čáry pro odůvodnění.
allow-end
Znak nebo čárka na konci řádku zablokují, pokud se před zarovnáním nevejdou jinak.
Interpunkce na konci prvního řádku pro nevisí, protože se hodí bez zavěšení. Na druhém řádku však není dostatek místa, takže visí.
Dostupné znaky
| Kód | Charakter | název |
|---|---|---|
U+002C | , | ČÁRKA |
U+002E | . | TEČKA |
U+060C | ، | ARABICKÝ KOMMA |
U+06D4 | ۔ | ARABICKÉ PLNÉ ZASTAVENÍ |
U+3001 | 、 | IDEOGRAFICKÁ KOMMA |
U+3002 | 。 | IDEOGRAFICKÉ PLNÉ ZASTAVENÍ |
U+FF0C | ， | CELÁ ŠÍŘKA KOMMA |
U+FF0E | ． | FULLWIDTH FULL STOP |
U+FE50 | ﹐ | MALÁ KOMMA |
U+FE51 | ﹑ | MALÝ IDEOGRAFICKÝ KOMMA |
U+FE52 | ﹒ | MALÉ PLNÉ ZASTAVENÍ |
U+FF61 | ｡ | IDEOGRAFICKÁ POLOPISOVÁ IDEOGRAFICKÁ CELÁ ZASTAVENÍ |
U+FF64 | ､ | IDEOGRAFICKÁ KOMMA POLOVĚKU |
Upozorňujeme, že agenti uživatelů mohou do tohoto seznamu přidat libovolný znak. Cituji specifikaci:
UA může podle potřeby obsahovat další znaky.
Podpora prohlížeče
Tato data podpory prohlížeče pocházejí z Caniuse, který obsahuje více podrobností. Číslo označuje, že prohlížeč podporuje tuto funkci v dané verzi a vyšší.
plocha počítače
| Chrome | Firefox | TJ | Okraj | Safari |
|---|---|---|---|---|
| Ne | Ne | Ne | Ne | 10 |
Mobilní / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Ne | Ne | Ne | 10.0-10.2 |
Slušnou záložní funkcí pro nepodporovaný prohlížeč by bylo použití negativního odsazení textu takto:
blockquote p ( text-indent: -0.5em; /* Change according to your font */ )U seznamů odrážek se možná budete chtít ujistit, že je pozice odrážek nastavena na outsidea že přetečení kontejneru není nastaveno na hidden.