Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Grafika

Odstępy między literami

Email Drukuj PDF

Tematy: odstępy między wyrazami | odstępy między literami | odstępy między wierszami | dekoracja tekstu | transformacja tekstu | białe znaki | wyrównanie tekstu | wcięcie tekstu | kierunek wyświetlania tekstu

Dane w pigułce
Zastosowanie określa odległości między literami
Dziedziczenie tak
Wartości normal, wartości w jednostkach absolutnych (in, cm, mm, pc, pt) lub relatywnych (em, ex, px)
Wartość domyślna normal
Przykład letter-spacing: 0.5ex
Uwagi
Odpowiednik w HTML brak

Aby zdefiniować odstęp między literami, należy wpisać w definicji stylu letter-spacing : wartość

Odstępy miedzy wyrazami umożliwiają rozsunięcie liter, przy zachowaniu normalnych odstępów między wyrazami w tych wyrazach. Pozwala to uwypuklić wybrane fragmenty tekstu.

<p style="letter-spacing: 1mm; ">1-milimetrowe odstępy między literami.</p>

W tym akapicie odstępy między literami wynoszą 1 mm.

<p style="letter-spacing: 2pt;">2-punktowe odstępy między literami.</p>

W tym akapicie odstępy między literami wynoszą 2 punkty.

<p style="letter-spacing: 0.5em; ">W tym akapicie odstępy między literami wynoszą 0.5 wysokości czcionki (em).</p>

W tym akapicie odstępy między literami wynoszą 0.5 wysokości czcionki (em).

<p style="letter-spacing: 5px; ">5-pikselowe odstępy między literami.</p>

W tym akapicie odstępy między literami wynoszą 5 pikseli.

Interpretacja: Internet Explorer, Firefox, Opera, Chrome

 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 766
Artykułów : 513
Zakładki : 28
Odsłon : 17058479