logo

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.