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]
text-indent
OPIS
Styl definiuje wcięcie pierwszej linii elementu. Wartość domyślna - 0.
WARTOŚCI
- • długość wyrażona w [px|mm|cm|in|pt|pc|em|ex] - CSS: 2.1, 2.0, 1.0
- wartość dodatnia lub ujemna
- • 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. text-indent: inherit;
POZOSTAŁE CECHY
• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak
PRZYKŁADY ZASTOSOWAŃ • Przykład 1:
<p style="text-indent: 20px;">
Wcięcie w przykładowym tekście o szerokości 20 pikseli.
<br />Można w ten sposób ładnie zaczynać akapity.
</p>
Wcięcie w przykładowym tekście o szerokości 20 pikseli.
Można w ten sposób ładnie zaczynać akapity.
• Przykład 2:
<p style="text-indent: -5%;">
Wcięcie w przykładowym tekście o szerokości -5 procent.
<br />Można w ten sposób stracić początek akapitu...
</p>
Wcięcie w przykładowym tekście o szerokości -5 procent.
Można w ten sposób stracić początek akapitu...
• Przykład 3:
<style type="text/css"><!--
p { text-indent: 20px; }
h3 { text-indent: 10px; }
.wciecie { text-indent: 5%; }
--></style>
|