V tomto článku uvidíme, ako urobiť text kurzívou pomocou CSS. Ak chcete použiť kurzívu na ľubovoľnej webovej stránke, použite CSS štýl písma majetok sa používa. Máme rôzne možnosti, ako ho nastaviť na kurzívu.
- normálne: Je to normálny štýl písma. Je to rovnaké ako 400, predvolená číselná hodnota pre tučné písmo.
- tučný : to je štýl tučného písma. Je to rovnaké ako 700.
- kurzíva: To je kurzívny štýl písma.
Prístup: The štýl písma vlastnosť v CSS má tri hodnoty, ktoré sú normálne, kurzíva, a tučný. Hodnota CSS kurzíva sa používa na kurzívu.
Syntax:
font-style: italic;>
Príklad: V tomto príklade používame vyššie vysvetlený prí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: Keď budete používať externý súbor CSS, vždy použite pre svoju webovú stránku nejaký predvolený CSS, tento predvolený CSS je napísaný v selektore * { }. Týmto sa z vašej webovej stránky odstráni predvolený CSS.
Výkon: Teraz, ako môžete vidieť vo výstupe, sme vytvorili súbor kurzívou text na našej webovej stránke pomocou CSS, čo pritiahne čitateľov, aby si prečítali obsah webovej stránky.
