KOPIA KURSU
|
To jest kopia kursu, którego oryginalna wersja znajduje się w serwisie algorytmy.pl
|
|
Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami
[Start] •
[Elementy XHTML/HTML] •
[Atrybuty XHTML/HTML] •
[Style CSS]
line-height
OPIS
Styl definiuje odstęp pomiędzy liniami. Stosowany może być nie tylko do tekstu, ale w odniesieniu do dowolnego elementu, np. grafik.
WARTOŚCI
- • normal - CSS: 2.1, 2.0, 1.0
- odstęp normalny, wartość domyślna
- • wysokość wyrażona w [px|mm|cm|in|pt|pc|em|ex] - CSS: 2.1, 2.0, 1.0
- wartość dodatnia
- • procenty - CSS: 2.1, 2.0, 1.0
- wartość wyrażona w procentach
- • inherit - CSS: 2.1, 2.0
- przejęcie wartości "rodzica", np. line-height: inherit;
POZOSTAŁE CECHY
• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak
PRZYKŁADY ZASTOSOWAŃ • Przykład 1:
Przykładowy tekst,
<br /><span style="line-height: 25px;">w którym pokazana została
<br />różnica w odległości pomiędzy</span>
<br /> środkowymi liniami
Przykładowy tekst,
w którym pokazana została
różnica w odległości pomiędzy
środkowymi liniami
• Przykład 2:
Przykładowy tekst,
<br /><span style="line-height: 5px;">w którym pokazana została
<br />różnica w odległości pomiędzy</span>
<br /> środkowymi liniami
Przykładowy tekst,
w którym pokazana została
różnica w odległości pomiędzy
środkowymi liniami
• Przykład 3:
<style type="text/css"><!--
p { line-height: 15px; }
.scisniety { line-height: 10px; }
--></style>
|