この記事では、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 ページ上のコンテンツを読むようになります。
