CSS

Line-height

  • 2007-01-05 19:43
  • 0 komentarzy
  • 1987 odsłon
  • Oceń ten tekst jako pierwszy
line-height - ustala odległość między liniami tekstu:
  • normal
  • odległość - stała odległość wyrażone w jednostkach miary
  • liczba - odległość wyrażona w wielokrotności wartości font-size; można używać ułamków
  • % - procentowa część obecnej wartości font-size

<p style="line-height: 100%">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sagittis dolor non est. Aliquam fermentum. Praesent mollis. Nunc viverra sem nec lorem. Donec aliquet mi sed erat. Aenean eu elit vitae eros adipiscing condimentum. Mauris neque augue, tempor venenatis, molestie eu, semper sed, risus. Aenean ut turpis. Sed turpis ante, pellentesque et, auctor eu, fermentum et, erat. Pellentesque accumsan lacinia purus. Nullam et mauris sit amet tellus auctor convallis. Morbi lectus pede, convallis nec, sodales ut, pulvinar sed, ipsum.</p>
 
<p style="line-height: 180%">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sagittis dolor non est. Aliquam fermentum. Praesent mollis. Nunc viverra sem nec lorem. Donec aliquet mi sed erat. Aenean eu elit vitae eros adipiscing condimentum. Mauris neque augue, tempor venenatis, molestie eu, semper sed, risus. Aenean ut turpis. Sed turpis ante, pellentesque et, auctor eu, fermentum et, erat. Pellentesque accumsan lacinia purus. Nullam et mauris sit amet tellus auctor convallis. Morbi lectus pede, convallis nec, sodales ut, pulvinar sed, ipsum.</p>
 
<p style="line-height: 2.4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sagittis dolor non est. Aliquam fermentum. Praesent mollis. Nunc viverra sem nec lorem. Donec aliquet mi sed erat. Aenean eu elit vitae eros adipiscing condimentum. Mauris neque augue, tempor venenatis, molestie eu, semper sed, risus. Aenean ut turpis. Sed turpis ante, pellentesque et, auctor eu, fermentum et, erat. Pellentesque accumsan lacinia purus. Nullam et mauris sit amet tellus auctor convallis. Morbi lectus pede, convallis nec, sodales ut, pulvinar sed, ipsum.</p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sagittis dolor non est. Aliquam fermentum. Praesent mollis. Nunc viverra sem nec lorem. Donec aliquet mi sed erat. Aenean eu elit vitae eros adipiscing condimentum. Mauris neque augue, tempor venenatis, molestie eu, semper sed, risus. Aenean ut turpis. Sed turpis ante, pellentesque et, auctor eu, fermentum et, erat. Pellentesque accumsan lacinia purus. Nullam et mauris sit amet tellus auctor convallis. Morbi lectus pede, convallis nec, sodales ut, pulvinar sed, ipsum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sagittis dolor non est. Aliquam fermentum. Praesent mollis. Nunc viverra sem nec lorem. Donec aliquet mi sed erat. Aenean eu elit vitae eros adipiscing condimentum. Mauris neque augue, tempor venenatis, molestie eu, semper sed, risus. Aenean ut turpis. Sed turpis ante, pellentesque et, auctor eu, fermentum et, erat. Pellentesque accumsan lacinia purus. Nullam et mauris sit amet tellus auctor convallis. Morbi lectus pede, convallis nec, sodales ut, pulvinar sed, ipsum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed sagittis dolor non est. Aliquam fermentum. Praesent mollis. Nunc viverra sem nec lorem. Donec aliquet mi sed erat. Aenean eu elit vitae eros adipiscing condimentum. Mauris neque augue, tempor venenatis, molestie eu, semper sed, risus. Aenean ut turpis. Sed turpis ante, pellentesque et, auctor eu, fermentum et, erat. Pellentesque accumsan lacinia purus. Nullam et mauris sit amet tellus auctor convallis. Morbi lectus pede, convallis nec, sodales ut, pulvinar sed, ipsum.



Polecenia pokrewne


Odpowiednik html


  • brak

Wersja specyfikacji


Wsparcie przeglądarek


  • polecenie obsługiwane przez wszystkie nowoczesne przeglądarki