Jak napsat text kurzívou v CSS?

Jak napsat text kurzívou v CSS?

V tomto článku uvidíme, jak vytvořit text kurzívou pomocí CSS. Chcete-li text na jakékoli webové stránce zobrazit kurzívou, použijte CSS styl fontu majetek se používá. Máme různé možnosti, jak jej nastavit na kurzívu.

  • normální: Je to normální styl písma. Je to stejné jako 400, výchozí číselná hodnota pro tučné písmo.
  • tučně : To je styl tučného písma. Je to stejné jako 700.
  • kurzíva: to je kurzivní styl písma.

Přístup: The styl fontu vlastnost v CSS má tři hodnoty, které jsou normální, kurzíva, a tučně. Hodnota CSS kurzíva se používá pro kurzívu.

Syntax:

font-style: italic; 

Příklad: V tomto příkladu používáme výše vysvětlený přístup.

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

GeeksForGeeks | Portál informatiky pro nadšence h2>

Tato platforma byla navržena pro každého geeka, který si přeje rozšířit své znalosti, sdílet své znalosti a je připraven získat svou vysněnou práci. Máme miliony článků, živé i online kurzy, tisíce tutoriálů a mnoho dalšího jen pro geeka ve vás. p>

Děkujeme, že jste si vybrali a podpořili nás! p> body> html>>

Poznámka: Když budete používat externí soubor CSS, vždy použijte pro svou webovou stránku nějaké výchozí CSS, toto výchozí CSS je zapsáno v selektoru * { }. Tím odstraníte výchozí CSS z vaší webové stránky.

Výstup: Nyní, jak můžete vidět na výstupu, jsme vytvořili soubor kurzívou text na naší webové stránce pomocí CSS, což přiláká čtenáře ke čtení obsahu na webové stránce.