CSS text-indent ominaisuus

Määritelmä

text-indent-ominaisuus määrittelee tekstilohkon ensimmäisen rivin sisennyksen.

Huomautus:Mahdollista käyttää negatiivisia arvoja. Jos käytetään negatiivisia arvoja, ensimmäinen rivi sisennetään vasemmalle.

Huomaa:Ennen CSS 2.1:ää text-indent oli aina perinnäinen laskettu arvo, ei määritetty arvoa.

Kuvaus

Määritellään, kuinka ensimmäinen sisältörivi sisennetään lohkoelementissä. Tätä käytetään yleensä luomaan 'välilehdet'-efekti. Mahdollista on määrittää negatiivinen arvo, mikä aiheuttaa 'suspendoituneen sisennys'-efektin.

Katso myös:

CSS-opas:CSS teksti

HTML DOM -viittausopas:textIndent-ominaisuus

Esimerkki

Sisennä ensimmäinen rivi 50 pikselin etäisyydelle:

p
  {
  text-indent:50px;
  }

Kokeile itse

CSS-kieli



Ominaisuusarvo





Arvo
Kuvaus




length
Määritellään kiinteä sisennys. Oletusarvo: 0.




%
Määritellään sisennys, joka perustuu isovanhemman elementin leveyteen prosentteina.




inherit
Määritellään, että text-indent-ominaisuuden arvo otetaan isovanhemmalta elementiltä.









Tekninen yksityiskohta



  

    Oletusarvo:
    ei määritelty
  

  

    Perinnäisyys:
    kyllä
  

  

    Versio:
    CSS1
  

  

    JavaScript-kieli:
    object.style.textIndent="50px"
  








Lisää esimerkkejä




Tekstin sisennys


Tämä esimerkki näyttää, miten tekstiä voidaan sisennetä.








Selaimen tuki


Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5