Własność CSS hyphenate-character

Własność CSS hyphenate-character umożliwia określenie znaku lub ciągu znaków do sygnalizowania przeniesienia wyrazu na końcu wiersza tekstu.

Przykład

W poniższym przykładzie przeniesienie wyrazu w akapitach jest sygnalizowane znakiem tyldy zamiast domyślnego znaku łącznika:


<style>
p {
  hyphenate-character: "~";
}
</style>
...
<p>Bardzo&shy;długi&shy;wyraz&shy;na&shy;stronie&shy;internetowej</p>

Wynik:

Efekt użycia własności CSS hyphenate-character

Wartości i składnia

Własność hyphenate-character przyjmuje dwa typy wartości:

Słowo kluczowe auto
Wartość domyślna pozwalająca przeglądarce automatycznie wybrać znak przeniesienia wyrazu, która dokonuje tego na podstawie ustawień językowych komputera.
Łańcuch znaków
Łańcuch znaków do wstawienia na końcu złamanego wiersza w miejscu, w którym domyślnie powinien znajdować się łącznik (m.in. w przypadku języka polskiego).

Podsumowanie

ZastosowanieWszystkie elementy HTML
Obsługiwane wartościauto, łańcuch znaków
Wartość początkowaauto
DziedziczenieTak
SpecyfikacjaCSS Text Module Level 4, hyphenate-character

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Jajko z dzwonkiem
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.