ホームページ > 記事 > ウェブフロントエンド > CSS 属性の fontVariant の概要と例
CSS 属性の fontVariant の概要と例
- 零下一度オリジナル
- 2017-06-19 11:17:222263ブラウズ
font-variant プロパティ テキストを表示するためにフォントを小文字に設定します。これは、すべての小文字が大文字に変換されることを意味しますが、小文字を使用するすべての文字は、テキストの残りの部分と比較して大きなフォント サイズになります。 Small 。
値を small-caps に設定すると、ブラウザは小さな大文字のフォントを表示します。
構文:
font-variant : normal | small-caps
パラメータ:
normal: 通常のフォント
small-caps: スモールキャップフォント
説明:
オブジェクト内のテキストがスモールキャップであるかどうかを設定または取得します。 対応するスクリプト機能は fontVariant です。私が書いた他の本もご覧ください。
text-transformtext-transformとfont-variantの違い
text-transformとfont-variantは英語のテキストを大文字と小文字に変換できます。ただし、font-variant の唯一の機能は、英語のテキストを「小さい」大文字のテキストに変換することです。これは「小さい」という点に注意してください。一般に、font-variant 属性が使用されることはほとんどありません。英語の大文字と小文字の変換では、font-variant 属性の代わりに text-transform 属性を使用します。font-variant 属性のインスタンス
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS font-variant 属性示例</title>
<style type="text/css" media="all">
p#small-caps
{
font-variant:small-caps;
}
p#uppercase
{
text-transform:uppercase;
}
</style>
</head>
<body>
<p id="small-caps">The quick brown fox jumps over the lazy dog.</p>
<p id="uppercase">The quick brown fox jumps over the lazy dog.</p>
</body>
</html>以上がCSS 属性の fontVariant の概要と例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。