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