závěsná Interpunkce

vlastnost hanging-punctuation si klade za cíl poskytnout webovým designérům jemnější kontrolu nad typografií na webu.

myšlenka zavěšení interpunkce je umístit některé interpunkční znaky od začátku (nebo do menšího rozšíření na konci) textových prvků „mimo“ pole, aby se zachoval tok čtení.

v podstatě by to mírně posunulo citát, kulku nebo cokoli doleva (nebo doprava v režimu rtl ), takže první písmeno je správně zarovnáno se zbytkem dokumentu.

Upozorňujeme, že tato vlastnost je volitelná, takže tvůrci prohlížeče ji mohou nebo nemusí podporovat.

syntaxe

hanging-punctuation: none | || last ]blockquote p { hanging-punctuation: first;}

none

žádná postava visí. Toto je výchozí hodnota pro tuto vlastnost.

first

dostupný znak na začátku prvního formátovaného řádku prvku visí.

last

dostupný znak na konci posledního formátovaného řádku prvku visí.

force-end

zastávka nebo čárka na konci řádku visí.

interpunkce je nucena zavěsit a při měření čáry pro ospravedlnění se nebere v úvahu.

allow-end

zastávka nebo čárka na konci řádku visí, pokud se před odůvodněním jinak nehodí.

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í.

k Dispozici znaků

Všimněte si, že uživatelské agenti mohou přidat libovolný znak do tohoto seznamu. Citace SPECIFIKACE:

UA může podle potřeby obsahovat další znaky.

Související Vlastnosti

• text-indent
• text-align

Jiné Zdroje

• hanging-punctuation v spec
• hanging-punctuation s CSS Steve Hickey

Podpora Prohlížeče

slušný fallback pro nepodporované prohlížeče by bylo použít záporný text-indent jako tak:

blockquote p { text-indent: -0.5em; /* Change according to your font */}

Pro seznamy kulku, možná budete chtít, aby ujistěte se, že pozice kulky je nastavena na outside a že kontejner je přetečení není nastaven na hidden.