ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS で font-style を使用してフォントの斜体スタイルを定義するコード例

CSS で font-style を使用してフォントの斜体スタイルを定義するコード例

不言
不言転載
2018-11-27 16:34:104086ブラウズ

この記事の内容は、font-style を使用して CSS でフォ​​ントの斜体スタイルを定義するコード例です。必要な方は参考にしていただければ幸いです。

1. 一般的に使用される斜体の構文

一般的なフォント スタイル設定 font-style: italic

主要なブラウザと互換性があります

normal : 通常のフォント (デフォルトのフォント スタイル。HTML のイタリック タグのデフォルトのイタリック スタイルを削除するために使用できます)

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

#oblique が適用されます。 oblique font


2. CSS イタリックケース #divcss5 ボックスのテキスト フォントを italic italic および oblique italic に設定し、font-style:normal を使用して html italic タグのデフォルトの斜体スタイルを削除します。

1、CSS コード:

<style>
  .divcss5_italic{ font-style:italic}
  .divcss5_oblique{ font-style:oblique}
  .divcss5_normal i{ font-style:normal}
  / 去掉divcss5_normal对象I斜体标签默认斜体样式 /
  </style>

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

<div class="divcss5_italic">我被加斜体</div>
  <div class="divcss5_oblique">我被加倾斜</div>
  <div>我加I标签斜体</div>
  <div class="divcss5_normal">I斜体被CSS去掉</div>

3、div CSS 斜体ケースのスクリーンショット

CSS font-style italic font italic style (斜体斜体標準)

3. 概要

オブジェクトボックス内の文字フォントを斜体にするCSSを追加します。 style font-style:italic は、オブジェクト内のテキストフォントを斜体にすることができます。同時に、このケースでは、CSS を使用して斜体スタイルを削除することと、CSS font-style:normal を使用して I italic タグの斜体スタイルを削除することも示しています。


以上がCSS で font-style を使用してフォントの斜体スタイルを定義するコード例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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