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