CSS ::first-letter-seudoelementti

Määritelmä ja käyttö

CSS ::first-letter Sseudoelementit käytetään asettamaan lohkokirjainten tyylejä.

Huomaa:Seuraavat ominaisuudet voidaan käyttää ::first-letter Yhdessä käytettäessä:

  • Kaikki kirjasin ominaisuudet
  • Kaikki taustan ominaisuudet
  • Kaikki ulkoreunan ominaisuudet
  • Kaikki sisätilan ominaisuudet
  • Kaikki reunan ominaisuudet
  • color
  • text-decoration
  • text-shadow
  • letter-spacing
  • word-spacing
  • text-transform
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • box-shadow
  • vertical-align (vain kun float on none)
  • line-height
  • float

Esimerkki

Valitse ja aseta jokaisen <p>-elementin ensimmäisen kirjaimen tyyli:

p::first-letter {
  font-size: 200%;
  font-weight: bold;
  color: #8A2BE2;
}

Kokeile itse

CSS-kieli

::first-letter {
  css-lauseet;
}

Tekninen yksityiskohta

Versio: CSS1

Selaimen tuki

Taulukossa olevat numerot määrittävät ensimmäisen selaimen version, joka tukee täysin kyseistäseudoelementtiä.

Chrome Edge Firefox Safari Opera
1.0 9.0 1.0 1.0 7.0

Tiedostot

Oppitunti:CSS-seudoelementit