CSS

Line-height

Kooba

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

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.



<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>

<h2>Polecenia pokrewne</h2>
* [[css/text-indent]] - [[css/word-spacing]] - [[css/letter-spacing]] - [[css/padding]] 
<h2>Odpowiednik html</h2>
* brak
<h2>Wersja specyfikacji</h2>
* <a href="http://www.w3.org/TR/REC-CSS1">CSS 1</a>
<h2>Wsparcie przeglądarek</h2>
* polecenie obsługiwane przez wszystkie nowoczesne przeglądarki
CSS

0 komentarzy