ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSのmax-width属性の使い方
CSSのmax-width属性の使い方
- 青灯夜游オリジナル
- 2019-05-30 15:25:303084ブラウズ
css max-width 属性は要素の最大幅を設定します。負の値は指定できません。このプロパティは要素の幅の最大制限を設定するため、要素は指定された値より狭くてもかまいませんが、それより広くすることはできません。すべての主要なブラウザは max-width 属性をサポートしています。
CSS の max-width 属性を使用するにはどうすればよいですか?
max-width 属性は、要素の最大幅を定義します。
構文:
max-width: none|length|%|inherit;
属性値:
● なし: デフォルト。この定義では、要素の最大幅に制限はありません。
##●length: 要素の最大幅を定義します。##● %: 最大幅を、それを含むブロックレベルのオブジェクトのパーセンテージに基づいて定義します。
# Inherit: max-width 属性の値を親要素から継承することを指定します。
説明:この属性は、要素の幅の最大制限を設定します。したがって、要素は指定された値より狭くても構いませんが、幅を広くすることはできません。負の値は許可されません。
注:すべての主要なブラウザは、max-width 属性をサポートしています。
css max-width 属性の例<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p {
max-width: 400px;
border: 1px solid red;
}
</style>
</head>
<body>
<p>这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。
这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。
这是一些文本。
</p>
</body>
</html>レンダリング:
以上がCSSのmax-width属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。