hyphens – dzielenie wyrazów

Dla uzyskania poprawnej justyfikacji bez nienaturalnych odstępów pomiędzy wyrazami oraz bez pojedynczych liter na końcu lini oraz bez 'rzek’ powstających wzorów w pionie z odstępów pomiędzy wyrazami.

 

Hyphens właściwość w css Test Module odpowiedzialna za dzielenie wyrazów w tekście.

 

Użycie:


  text-align: justify;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;

 

Wartości:

  • none – bez dzielenia wyrazów
  • manual – ręczne ustawienie miejsc dzielenia wierszy poprzez:
    • ’twardy’ myślnik – 'hadr’ hyphen, U+2010 (HYPHEN)
    • ’miękki’ myślnik – 'soft’ hyphen, U+00AD (SHY)
  • auto – automatyczne dzielenie wyrazów według ustawień przeglądarki dla danego języka

 

Kolejne rozwinięcia w CSS4:

  • hyphenate-limit-lines – ile linii pod rząd ma podzielone wyrazy
  • hyphenate-limit-chars:
    • minimalna ilość znaków w wyrazie
    • minimalna ilość znaków po jakiej może nastąpić dzielenie
    • minimalna ilość znaków przenoszona do nowej linii
  • hyphenate-limit-zone – określa obszar od końca bloku tekstowego w którym zaczynające się wyrazy zostają przeniesione do kolejnej linii
  • hyphenate-character
  • hyphenate-limit-zone
  • hyphenate-limit-word
  • hyphenate-limit-lines
  • hyphenate-limit-last
  • hyphenate-resources
  • @hyphenate-resource
CSS3

Hope this helps and happy coding :)

Zobacz jeszcze

Ciekawe przykłady wykorzystania canvas

jak budować...

dodanie opcji child w WP

w temacie strony w pliku function.php wstawiamy kod: function is_child($pageID) { global $post; if( is_page() && ($post->post_parent==$pageID) ) { return...