W tym artykule zobaczymy, jak ustawić kursywę w tekście za pomocą CSS. Aby zastosować kursywę do tekstu na dowolnej stronie internetowej, CSS styl czcionki nieruchomość jest używana. Mamy wiele opcji ustawienia kursywy.
- normalna: Jest to normalny styl czcionki. Jest to to samo, co 400, domyślna wartość liczbowa pogrubienia.
- pogrubiony : To to pogrubiony styl czcionki. To tyle samo co 700.
- italski: To jest styl czcionki kursywnej.
Zbliżać się: The styl czcionki Właściwość w CSS ma trzy wartości, którymi są normalny, kursywa, I pogrubiony. Wartość CSS italski służy do pochylenia tekstu.
Składnia:
font-style: italic;>
Przykład: W tym przykładzie stosujemy podejście wyjaśnione powyżej.
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>głowa> |
>
>
Notatka: Jeśli będziesz używać zewnętrznego pliku CSS, zawsze używaj domyślnego CSS dla swojej strony internetowej, ten domyślny CSS jest zapisany w selektorze * { }. Spowoduje to usunięcie domyślnego CSS z Twojej strony internetowej.
Wyjście: Teraz, jak widać na wynikach, stworzyliśmy plik kursywą tekst na naszej stronie internetowej za pomocą CSS, co przyciągnie czytelników do zapoznania się z treścią na stronie.
