logo

Hoe tekst cursief maken in CSS?

In dit artikel zullen we zien hoe je een tekst cursief kunt maken met behulp van CSS. Om tekst op een webpagina cursief te maken, gebruikt u CSS lettertype eigendom wordt gebruikt. We hebben verschillende opties om cursieve tekst in te stellen.

  • normaal: Het is de normale lettertypestijl. Dit is hetzelfde als 400, de standaard numerieke waarde voor vetgedrukte tekst.
  • vetgedrukt : Het is de vetgedrukte lettertypestijl. Het is hetzelfde als 700.
  • cursief: Het is de cursieve lettertypestijl.

Benadering: De lettertype eigenschap in CSS heeft drie waarden die dat wel zijn normaal, cursief, En vetgedrukt. De CSS-waarde cursief wordt gebruikt om de tekst cursief te maken.



Syntaxis:

font-style: italic;>

Voorbeeld: In dit voorbeeld gebruiken we de hierboven uitgelegde aanpak.

HTML








> <>html> lang>=>'en'>>> <>head>>> ><>meta> charset>=>'UTF-8'> />> ><>meta> http-equiv>=>'X-UA-Compatible'> >content>=>'IE=edge'> />> ><>meta> name>=>'viewport'> >content='>width>=>device>-width,> >initial-scale>=>1>.0' />> >> ><>style>>> >.gfg {> >font-style: italic;> >font-size: 24px;> >margin: 10px;> >padding: 2px;> >color: black;> >}> >style>hoofd>

GeeksForGeeks | Een computerwetenschappelijk portaal voor nerds h2>

Dit platform is ontworpen voor elke nerd die zijn kennis wil uitbreiden, zijn kennis wil delen en klaar is om zijn droombaan te grijpen. We hebben miljoenen artikelen, zowel live als online cursussen, duizenden tutorials en nog veel meer, alleen voor de nerd in jou. p>

Bedankt dat u ons hebt gekozen en gesteund! p> body> html>>

>

>

Opmerking: Wanneer u een extern CSS-bestand gebruikt, gebruik dan altijd een standaard CSS voor uw webpagina. Deze standaard CSS is geschreven in * { } selector. Hiermee wordt de standaard CSS van uw webpagina verwijderd.

Uitgang: Zoals u in de uitvoer kunt zien, hebben we nu een cursief tekst op onze webpagina met behulp van CSS, waardoor lezers de inhoud op de webpagina gaan lezen.