Gjør den første karakteren store i CSS

artikkelskriving

videoredigering

Grafisk design

Stil "

”Element

“Teksttransform”Eiendom tildeles verdien”kapitalisere”Å kapitalisere den første bokstaven i hvert ord i avsnittet.

Produksjon

Eksempel 2: Kapitaliser den eneste første bokstaven i det første ordet

Pseudo-selector “::første bokstav”Brukes bare til å velge den første bokstaven. For dette formålet får du tilgang til “p”Element med pseudoklasse og bruk“Teksttransform”Eiendom:

Produksjon

Hvordan lage den første karakteren store elementet i CSS?

La oss se hvordan du kan kapitalisere den første karakteren av inline -elementene, for eksempel "”Element. For dette formålet, legg til “”Elementer og tilordne dem“klasse”Og“href" attributter:

Stil “a” elementer

Få tilgang til “A” -elementet ved hjelp av klassenavnet ”Linux”Og bruk“Teksttransform”Eiendom på dem:

Produksjon

Ettersom "" elementet er inline, blir de justert ved siden av hverandre i en linje. For å gjøre deres eneste første karakter store og deres visning som blokkeringsnivå, bruk CSS “vise”Eiendom med verdien”blokkere”:

Nå, bruk "::første bokstav”Pseudo-selector sammen med klasseattributtet til“ A ”-element for å kapitalisere bare den første bokstaven:

Utgangen indikerer at vi med hell har gjort den første karakteren sin store av elementet i CSS.

Konklusjon

For å lage den første karakteren store, legger du først elementer til HTML -dokumentet for å spesifisere noe tekstinnhold, for eksempel "

”Og“ ”elementer. Pseudo-selector “::første bokstav”Brukes til å velge den første bokstaven i elementets tekst. Deretter, innen pseudoklassen, bruker du CSS “Teksttransform”Eiendom med verdien”kapitalisere”For å lage den første bokstaven store bokstaver. Denne artikkelen har forklart hvordan du lager den første karakteren med store ved å bruke CSS.