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> |
>
>
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.
