függő-írásjelek

a hanging-punctuation tulajdonság célja, hogy a webes tervezőknek finomabb szemcsés ellenőrzést biztosítson a webes tipográfia felett.

az írásjelek felfüggesztésének ötlete az, hogy néhány írásjelet a szövegelemek elejétől (vagy a végén egy kisebb kiterjesztésig) a dobozon kívül “kívül” helyezzen el az olvasási folyamat megőrzése érdekében.

alapvetően kissé mozgatná az idézetet, a felsorolást vagy bármi mást balra (vagy jobbra rtl módban), hogy az első betű megfelelően illeszkedjen a dokumentum többi részéhez.

Felhívjuk figyelmét, hogy ez a tulajdonság nem kötelező, így a böngészők készítői támogathatják vagy nem.

szintaxis

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

none

nincs karakter lóg. Ez a tulajdonság alapértelmezett értéke.

first

az elem első formázott sorának elején elérhető karakter lóg.

last

az elem utolsó formázott sorának végén egy elérhető karakter lóg.

force-end

a sor végén egy stop vagy vessző lóg.

az írásjelek kénytelenek lógni, és nem veszik figyelembe a vonal mérésekor az igazoláshoz.

allow-end

a sor végén egy stop vagy vessző lóg, ha az egyébként nem illeszkedik az igazolás előtt.

az első sor végén található írásjelek nem lógnak, mert lógás nélkül elfér. A második sorban azonban nincs elég hely, így lefagy.

elérhető karakterek

vegye figyelembe, hogy a felhasználói ügynökök bármilyen karaktert hozzáadhatnak ehhez a listához. A specifikáció idézése:

az UA szükség szerint más karaktereket is tartalmazhat.

kapcsolódó ingatlanok

• text-indent
• text-align

egyéb források

• hanging-punctuation a spec
• hanging-punctuation a CSS Steve Hickey

böngésző támogatás

a nem támogatott böngésző tisztességes tartaléka az lenne, ha negatív szöveges behúzást használna:

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

felsoroláslistáknál érdemes meggyőződni arról, hogy a felsorolások helyzete outside, a tároló túlcsordulása pedig nem hidden.