Kuinka kursivoitu teksti CSS:ssä?

Kuinka kursivoitu teksti CSS:ssä?

Tässä artikkelissa näemme, kuinka teksti kursivoitu CSS:n avulla. Voit kursivoida minkä tahansa verkkosivun tekstin CSS:llä fonttityyli omaisuutta käytetään. Meillä on useita vaihtoehtoja asettaa se kursivoituksi.

  • normaali: Se on normaali fonttityyli. Se on sama kuin 400, lihavoinnin oletusnumeerinen arvo.
  • lihavoitu : Se on lihavoitu kirjasintyyli. Se on sama kuin 700.
  • kursivoitu: Se on kursiivinen kirjasintyyli.

Lähestyä: The fonttityyli ominaisuus CSS:ssä on kolme arvoa, jotka ovat normaali, kursivoitu, ja lihavoitu. CSS-arvo kursivoitu käytetään kursivoimaan teksti.

Syntaksi:

font-style: italic; 

Esimerkki: Tässä esimerkissä käytämme edellä selostettua lähestymistapaa.

HTML




> <> html> lang> => 'en'> >>> <> meta> charset> => 'UTF-8'> />>> > content> => 'IE=edge'> />>> > content='> width> => device> -width,> > initial-scale> => 1> .0' />>> .gfg {> > font-style: italic;> > font-size: 24px;> > margin: 10px;> > padding: 2px;> > color: black;> > }> > style>pää>

GeeksForGeeks | Tietojenkäsittelytieteen portaali Geeksille h2>

Tämä alusta on suunniteltu jokaiselle nörille, joka haluaa laajentaa tietämystään, jakaa tietoaan ja on valmis tarttumaan unelmatyönsä. Meillä on miljoonia artikkeleita, live- ja verkkokursseja, tuhansia opetusohjelmia ja paljon muuta vain sisälläsi oleville pelleille. p>

Kiitos, että valitsit ja tuet meitä! p> body> html>>>

Huomautus: Kun käytät ulkoista CSS-tiedostoa, käytä aina jotain oletusCSS:ää verkkosivullesi, tämä oletusCSS on kirjoitettu * { } -valitsimella. Tämä poistaa oletusCSS:n verkkosivultasi.

Lähtö: Nyt, kuten voit nähdä lähdöstä, olemme luoneet kursivoitu tekstiä verkkosivullamme CSS:n avulla, mikä houkuttelee lukijoita lukemaan verkkosivun sisältöä.