Heim  >  Artikel  >  Web-Frontend  >  Codebeispiel für die Definition des kursiven Schriftartstils mithilfe von „font-style“ in CSS

Codebeispiel für die Definition des kursiven Schriftartstils mithilfe von „font-style“ in CSS

不言
不言nach vorne
2018-11-27 16:34:104035Durchsuche

Der Inhalt dieses Artikels befasst sich mit dem Codebeispiel zum Definieren des kursiven Schriftstils in CSS. Es hat einen gewissen Referenzwert. Ich hoffe, es wird für Sie hilfreich sein.

1. Häufig verwendete kursive Syntax

Gemeinsame Schriftstileinstellungen: kursiv

Kompatibel mit gängigen Browsern

normal : Normale Schriftart (Standardschriftstil, kann verwendet werden, um den standardmäßigen Kursivstil des HTML i-Tags „Italic“ zu entfernen)

kursiv: kursiv. Für spezielle Schriftarten ohne Kursivvariablen wird Oblique

Oblique angewendet: Kursivschrift

2. CSS-Kursivschrift

Wir stellen die Textschriftart im Feld divcss5 auf kursiv und schräg kursiv ein und verwenden „font-style:normal“, um den standardmäßigen kursiven Stil des HTML-Kursiv-Tags zu entfernen.

1. CSS-Code:

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

2. HTML-Code-Snippet:

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

3. div. CSS-Screenshot in Kursivschrift

CSS-Schriftstil, kursive Schriftart, kursiver Stil (kursiv, schräg, normal)

3. Zusammenfassung

Machen Sie die Textschriftart im Objektfeld kursiv, und Sie können sie hinzufügen Das entsprechende Feld Mit dem CSS-Stil „font-style:italic“ kann die Textschriftart im Objekt kursiv dargestellt werden. Gleichzeitig zeigt unser Fall auch die Verwendung von CSS zum Entfernen des Kursivstils und die Verwendung von CSS „font-style:normal“ zum Entfernen des Kursivstils des I-Tags.

Das obige ist der detaillierte Inhalt vonCodebeispiel für die Definition des kursiven Schriftartstils mithilfe von „font-style“ in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:segmentfault.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen