ホームページ  >  記事  >  ウェブフロントエンド  >  フォントを斜体にするためにどのプロパティが使用されますか?

フォントを斜体にするためにどのプロパティが使用されますか?

WBOY
WBOY転載
2023-08-30 14:25:121420ブラウズ

フォントを斜体にするためにどのプロパティが使用されますか?

CSS では、「font-style」属性を使用してフォントのスタイルを設定できます。 font-style プロパティの値としてさまざまなスタイルを使用できます。「oblique」もその 1 つです。

基本的に、「斜め」フォントは、テキストの傾きを弱めたり大きくしたりするために角度を設定した、いい加減なバージョンのテキストです。ここでは、各例のフォントを斜体にします。

###文法###

ユーザーは、CSS の font-style プロパティを使用して、次の構文に従ってフォントを斜体にすることができます。

リーリー

例 1

以下の例では、2 つの

タグを作成し、Web ページに表示するテキストを追加します。さらに、「font-style:normal」CSS プロパティを最初の

タグに適用し、「font-style: oblique」CSS プロパティを 2 番目の

タグに適用しました。

出力では、斜体フォントが通常のフォントよりも粗雑であることがわかります。

リーリー

例 2 (Oblique プロパティを使用した角度、Firefox ブラウザーのみ)

以下の例では、「oblique」フォント スタイル属性を使用して角度も追加しています。制限は、この角度は Firefox ブラウザーでのみ機能することです。

3 つの異なる div 要素を作成し、それらにテキストを追加しました。 CSS では、フォント スタイルの oblique プロパティをすべてのフォントにさまざまな角度で適用します。出力では、角度が増加するにつれてフォントの傾きが増加することがわかります。

リーリー

例 3

以下の例では、div 要素を作成し、複数のレベルでネストされた div 要素を追加しました。親 div に「font-style: oblique」CSS プロパティを使用しました。ユーザーは、子 div 要素を含め、その div のすべてのフォントが斜めであることがわかります。

リーリー

ユーザーは、font-style 属性を使用して斜体フォントを作成する方法を学びました。筆記体または草書体フォントも作成するという点で、「斜体」フォント スタイルにほぼ似ています。

以上がフォントを斜体にするためにどのプロパティが使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。