hanging-interpunction

egenskapen hanging-punctuation syftar till att ge webbdesigners en finare kornig kontroll över typografi på webben.

tanken bakom hängande skiljetecken är att sätta några skiljetecken från början (eller i mindre utsträckning i slutet) av textelement ”utanför” i rutan för att bevara läsflödet.

i grund och botten skulle det något flytta det citatet, kula eller vad som helst till vänster (eller höger i rtl – läge) så att första bokstaven är korrekt anpassad till resten av dokumentet.

Observera att den här egenskapen är valfri så att webbläsartillverkare kanske eller inte stöder den.

Syntax

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

none

ingen karaktär hänger. Detta är standardvärdet för den här egenskapen.

first

ett tillgängligt tecken i början av den första formaterade raden i ett element hänger.

last

ett tillgängligt tecken i slutet av den sista formaterade raden i ett element hänger.

force-end

ett stopp eller komma i slutet av en rad hänger.

skiljetecken tvingas hänga och beaktas inte när man mäter linjen för motivering.

allow-end

ett stopp eller kommatecken i slutet av en rad hänger om det inte annars passar före motiveringen.

skiljetecken i slutet av den första raden för hänger inte eftersom det passar utan att hänga. På andra raden finns det dock inte tillräckligt med utrymme så det hänger.

tillgängliga tecken

Observera att användaragenter får lägga till alla tecken i listan. Citerar spec:

UA kan innehålla andra tecken beroende på vad som är lämpligt.

relaterade egenskaper

• text-indent
• text-align

övriga resurser

• hanging-punctuation i spec
• hanging-punctuation med CSS av Steve Hickey

Browser Support

en anständig reserv för webbläsare som inte stöds skulle vara att använda ett negativt textindrag som så:

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

för punktlistor kanske du vill se till att positionen för punkter är inställd på outsideoch att behållarens överflöde inte är inställt på hidden.