CSSでフォントの傾きを防ぐ方法

フォントの傾きを防ぐ CSS の実装方法: 最初に HTML サンプル ファイルを作成し、次に div のセットを定義し、最後に属性 "div_normal i{ font-style:normal}" を設定して、フォントの傾きを防ぎます。テキストが傾いてしまいます。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、thinkpad t480 コンピューター。

推奨: 「css ビデオ チュートリアル 」

font-style 属性は主要なブラウザと互換性があり、テキストの表示スタイルを設定するために使用されます。テキストが傾くのを防ぐには、font-style:normal を使用します。

値:

normal: 通常のフォント

italic: 斜体。イタリック変数のない特殊なフォントの場合、oblique

oblique が適用されます。 italic font

以下では、font-style を使用して、div ボックスのテキスト フォントを italic italic、oblique italic に設定します。 Normal は、HTML italic タグのデフォルトの斜体スタイルを削除します。

1. CSS コード:

<style> 
    .div_italic{ font-style:italic} 
    .div_oblique{ font-style:oblique} 
    .div_normal i{ font-style:normal} 
    /* 去掉div_normal对象I斜体标签默认斜体样式 */ 
</style>

2. HTML コード スニペット:

<div class="div_italic">我被加斜体</div> 
<div class="div_oblique">我被加倾斜</div> 
<div><i>我加I标签斜体</i></div> 
<div class="div_normal"><i>I斜体被CSS去掉</i></div>

3. 効果

##

以上がCSSでフォントの傾きを防ぐ方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。