ホームページ  >  記事  >  ウェブフロントエンド  >  コンテンツボックスとボーダーボックスの違いは何ですか?

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

零下一度
零下一度オリジナル
2017-07-19 17:48:593118ブラウズ

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。