Jak pochylić tekst w CSS?

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>

GeeksForGeeks | Portal informatyczny dla maniaków h2>

Platforma ta została stworzona z myślą o każdym maniaku, który pragnie poszerzać swoją wiedzę, dzielić się swoją wiedzą i jest gotowy podjąć wymarzoną pracę. Mamy miliony artykułów, kursy na żywo i online, tysiące samouczków i wiele więcej tylko dla maniaka, który w Tobie jest. p>

Dziękujemy, że nas wybraliście i wspieracie! p> treść> html>>

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.