logo

Hvordan kursiveres tekst i CSS?

Det skrifttype egenskab i CSS bruges til at indstille, om skrifttypen skal styles med normal, kursiv eller i den skrå flade. Det definerer den type skrifttype, vi ønsker at vise.

Der er tre værdier af skrifttype ejendom af CSS, der er normal, kursiv , og skrå . Værdien kursiv af denne CSS-egenskab bruges til at kursivere teksten. Denne værdi vælger skrifttypen, som er klassificeret som kursiv. Det skrå værdi gør bogstaverne hældende (skrånende), og resultatet vil være lidt anderledes end kursiv.

Kursiv v/s Oblique

Normalt er kursive tekster kursive i naturen, hvorimod de skrå ansigter er den skrå version af det normale ansigt. Så hvis den anvendte skrifttype ikke har nogen skrå eller kursiv flade tilgængelig, så er forskellen mellem kursiv og skrå i de fleste tilfælde meget lille.

Eksempel

I dette eksempel sætter vi stilen for overskriften til kursiv. Hvis vi bruger den skrå værdi, kan resultatet også blive det samme.

 body { font-size: 100%; text-align: center; } h2 { font-style: italic; } } <h2>This heading is shown in italic font.</h2> 
Test det nu

Produktion

Sådan kursiveres tekst i CSS