wisząca-interpunkcja

właściwość hanging-punctuation ma na celu zapewnienie projektantom stron www drobniejszej kontroli nad typografią w sieci.

ideą wiszącej interpunkcji jest umieszczenie niektórych znaków interpunkcyjnych od początku (lub w mniejszym stopniu na końcu) elementów tekstu „na zewnątrz” pola w celu zachowania przepływu czytania.

zasadniczo przesuwa to cytat, punktor lub cokolwiek innego w lewo (lub w prawo w trybie rtl) tak, że pierwsza litera jest prawidłowo wyrównana z resztą dokumentu.

należy pamiętać, że ta właściwość jest opcjonalna, więc twórcy przeglądarek mogą ją obsługiwać lub nie.

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

none

żaden charakter nie wisi. Jest to domyślna wartość tej właściwości.

first

znak dostępny na początku pierwszej sformatowanej linii elementu zawiesza się.

last

dostępny znak na końcu ostatniej sformatowanej linii elementu zawiesza się.

force-end

stop lub przecinek na końcu linii wisi.

interpunkcja jest zmuszona zawiesić i nie jest brana pod uwagę przy pomiarze linii dla uzasadnienia.

allow-end

stop lub przecinek na końcu wiersza zawiesza się, jeśli nie pasuje do niego przed uzasadnieniem.

interpunkcja na końcu pierwszej linijki for Nie wisi, ponieważ pasuje bez zawieszania. Na drugiej linii jednak nie ma wystarczająco dużo miejsca, więc wiesza się.

dostępne znaki

należy pamiętać, że agenci Użytkowników mogą dodawać do tej listy dowolne znaki. Cytując spec:

UA może zawierać inne znaki odpowiednio.

Nieruchomości powiązane

• text-indent
• text-align

inne zasoby

• hanging-punctuation w spec
• hanging-punctuation z CSS Steve Hickey

Obsługa przeglądarek

dobrym rozwiązaniem dla nieobsługiwanej przeglądarki byłoby użycie negatywnego wcięcia tekstu, ponieważ tak:

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

w przypadku list punktorów należy upewnić się, że pozycja punktorów jest ustawiona na outside i że przepełnienie kontenera nie jest ustawione na hidden.