CSSのfont-stretch属性の使い方

藏色散人
リリース: 2019-05-30 16:45:27
オリジナル
3692 人が閲覧しました

css font-stretch 属性は、現在のフォント ファミリを引き伸ばしたり変形したりできます。すべての主流ブラウザは font-stretch 属性をサポートしません。

CSSのfont-stretch属性の使い方

CSS font-stretch 属性を使用するにはどうすればよいですか?

機能: 現在のフォントファミリーを引き伸ばしたり変形したりできます。

注: すべての主要なブラウザは、font-stretch 属性をサポートしているわけではありません。

css font-stretch プロパティの使用例

<!DOCTYPE html>
<html>
<head>
<style>
#div1 {font-stretch:condensed;}
#div2 {font-stretch:expanded;}
</style>
</head>
<body>
<p><b>Note:</b> No browsers support the font-stretch property.</p>
<div>
Some normal text in a div element.
</div>
<div id="div1">
Some condensed text in a div element.
</div>
<div id="div2">
Some expanded text in a div element.
</div>
</body>
</html>
ログイン後にコピー

効果の出力:

CSSのfont-stretch属性の使い方

以上がCSSのfont-stretch属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート