CSS initial-letter eigenschap

Definitie en gebruik

initial-letter De eigenschap specificeert de grootte van de eerste letter, en optioneel het aantal regels dat de eerste letter moet zakken (naar beneden in de tekst).

Deze eigenschap is van toepassing op :first-letter Pseudo-elementen en de eerste in-line-kinder-elementen van blokcontainers.

Voorbeeld

Toon verschillende groottes van de eerste letter:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* De eerste letter neemt 2 regels in beslag */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* De eerste letter neemt 4 regels in beslag */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* De eerste letter neemt 4 regels in beslag en zakt 2 regels */
}

Probeer het zelf

CSS syntaxis

initial-letter: normal|number|integer;

Eigenschapswaarde

Technische details

Browserondersteuning

De cijfers in de tabel specificeren de eerste browserversie die de eigenschap volledig ondersteunt.

De -webkit- voorvoegsel achter het getal specifies the first working version with a prefix.