CSSで斜体にしないように設定する方法-フロントエンドQ&A-php.cn

CSSで斜体にしないように設定する方法

WBOY

リリース： 2022-04-20 10:36:12

オリジナル

2436 人が閲覧しました

CSS では、"font-style" 属性を使用して、i 要素を斜体にしないように設定できます。この属性は、テキストのフォントスタイルを指定するために使用されます。属性値が " に設定されている場合、「normal」の場合、要素の標準が表示されます。フォントスタイルの場合、構文は「i element {font-style:normal}」です。

CSSで斜体にしないように設定する方法

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css で i を斜体にしないように設定する方法

font-style 属性は、テキストのフォントスタイルを指定します。

テキストの残りの部分とは異なるテキストの部分を定義し、テキストのこの部分を斜体で表示します。

font-style 属性値は次のとおりです。

normal デフォルト値。ブラウザには標準のフォントスタイルが表示されます。
italic ブラウザには斜体のフォントスタイルが表示されます。
oblique ブラウザには斜体のフォントスタイルが表示されます。
#inherit フォントスタイルを親要素から継承することを指定します。

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<style>
i.normal {font-style:normal;}
</style>
</head>
<body>
<i class="normal">这是一个设置了不是斜体的i元素</i><br>
<i>这是一个正常i元素</i>
</body>
</html>

ログイン後にコピー

出力結果;

CSSで斜体にしないように設定する方法