CSSでテキストを斜体にする方法は?
この記事では、CSS を使用してテキストを斜体にする方法を説明します。 Web ページ内のテキストを斜体にするには、CSS フォントスタイル プロパティが使用されます。斜体テキストに設定するためのさまざまなオプションがあります。
- 普通： 通常のフォントスタイルです。これは、太字のデフォルトの数値である 400 と同じです。
- 大胆な : それ は太字のフォント スタイルです。 700と同じです。
- イタリック： それは 筆記体のフォントスタイル。
アプローチ： の フォントスタイル CSS のプロパティには次の 3 つの値があります。 通常、斜体、 そして 大胆な。 CSS値 イタリック テキストを斜体にするために使用されます。
構文：
font-style: italic;
例： この例では、上で説明したアプローチを使用しています。
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>頭> |
注記： 外部 CSS ファイルを使用する場合は、常に Web ページにデフォルトの CSS を使用してください。このデフォルトの CSS は * { } セレクターで記述されます。これにより、Web ページからデフォルトの CSS が削除されます。
出力： 出力でわかるように、次のように作成されました。 斜体 CSS を使用して Web ページ内のテキストを作成すると、読者が Web ページ上のコンテンツを読むようになります。
