コンテンツボックスとボーダーボックスの違いは何ですか?

零下一度
リリース: 2017-07-19 17:48:59
オリジナル
3118 人が閲覧しました

コンテンツボックスとボーダーボックスの違いは何ですか?以下で詳しく説明します:

  • コンテンツボックスとボーダーボックスの違いは何ですか?:

  • padding と border は、定義された幅と高さに含まれません。オブジェクトの実際の幅は、設定された幅の値、ボーダー、およびパディングの合計に等しくなります。つまり、(要素の幅 = 幅 + ボーダー + パディング)

  • このプロパティは、標準モードのボックス モデルのように動作します。

  • コンテンツボックスとボーダーボックスの違いは何ですか?:

  • パディングとボーダーは、定義された幅と高さに含まれます。オブジェクトの実際の幅は、設定された幅の値と等しくなります。ボーダーとパディングが定義されている場合でも、オブジェクトの実際の幅は変更されません。つまり、(要素の幅 = 幅)

  • この属性は次のように動作します。奇妙なモードのボックスモデル。

例:

  • コンテンツボックスとボーダーボックスの違いは何ですか?:

    .test1{ box-sizing:コンテンツボックスとボーダーボックスの違いは何ですか?; width:10px border:15px; }

    .test1{ box-sizing:コンテンツボックスとボーダーボックスの違いは何ですか?; width:200px; padding:10px; border:15px solid #eee; }

    コンテンツボックスとボーダーボックスの違いは何ですか?

  • コンテンツボックスとボーダーボックスの違いは何ですか?:

    .test2{ box-sizing:コンテンツボックスとボーダーボックスの違いは何ですか?; width:200px; padding:10px; border:15px solid #eee; }コンテンツボックスとボーダーボックスの違いは何ですか?

    コンテンツボックスとボーダーボックスの違いは何ですか?

    コンテンツボックスとボーダーボックスの違いは何ですか? :
.test2{ box-sizing:コンテンツボックスとボーダーボックスの違いは何ですか?; width:10px; border:15px }

🎜🎜

以上がコンテンツボックスとボーダーボックスの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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