Atrybut text-indent w CSS

Definicja

Atrybut text-indent określa wcięcie pierwszej linii tekstu w bloku tekstu.

Komentarz:Pozwala na użycie ujemnych wartości. Jeśli użyjesz ujemnych wartości, pierwsza linia zostanie wcięta do lewej.

Uwaga:Przed CSS 2.1, text-indent zawsze dziedziczył wartość obliczoną, a nie wartość deklarowaną.

Opis

Używany do definiowania wcięcia pierwszej linii elementów blokowych. Najczęściej używany do tworzenia efektu "zakładki". Pozwala na użycie ujemnych wartości, co tworzy efekt "wysuniętego wcięcia".

Zobacz również:

Kurs CSS:Tekst w CSS

Podręcznik HTML DOM:Atrybut textIndent

Przykład

Wcięcie pierwszej linii akapitu o 50 pikseli:

p
  {
  text-indent:50px;
  }

Spróbuj sam

Gramatyka CSS



Wartość atrybutu





Wartość
Opis




length
Definiuje stałe wcięcie. Domyślna wartość: 0.




%
Definiuje wcięcie na podstawie procentu szerokości elementu nadrzędnego.




inherit
Zaleca się, aby wartość właściwości text-indent była dziedziczona od elementu nadrzędnego.









Szczegółowe informacje techniczne



  

    Domyślna wartość:
    nie określono
  

  

    Inheredność:
    tak
  

  

    Wersja:
    CSS1
  

  

    Gramatyka JavaScript:
    object.style.textIndent="50px"
  








Więcej przykładów




Wcięcie tekstu


Ten przykład pokazuje, jak wstawić wcięcie na pierwszą linię tekstu.








Obsługa przeglądarki


Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5