Jak pochylić tekst w CSS?
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.