CSSのmax-width属性の使い方

青灯夜游
リリース: 2019-05-30 15:25:30
オリジナル
3051 人が閲覧しました

css max-width 属性は要素の最大幅を設定します。負の値は指定できません。このプロパティは要素の幅の最大制限を設定するため、要素は指定された値より狭くてもかまいませんが、それより広くすることはできません。すべての主要なブラウザは max-width 属性をサポートしています。

CSSの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 サイトの他の関連記事を参照してください。

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