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]
[0] [A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]

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>