![\"ボックスサイジングプロパティとは何ですか\"](\"https:\/\/img.php.cn\/upload\/image\/455\/871\/115\/1563759041169720.png\" "\\"1563759041169720.png\\"")
<\/p>"}
box-sizing 屬性の定義と使用法
box-sizing 屬性は css3 の新しい屬性です。指定した領(lǐng)域內(nèi)に収まるように特定の要素を定義します (たとえば、枠線付きの 2 つのボックスを並べて配置する必要がある場合、box-sizing プロパティを "border-box" に設(shè)定することで配置できます。これにより、指定された幅と高さのボックスがあり、境界線とパディングがそのボックスに配置されます);
Internet Explorer、Opera、Chrome ブラウザーは box-sizing 屬性をサポートしています。Firefox はサポートしていません。 -moz-box-sizing 屬性は box-sizing 屬性を置き換えます;
box-sizing 屬性の構(gòu)文形式
box-sizing: content-box/border-box/inherit;
関連情報: "CSS_CSS3 Knowledge >>
パラメータの説明
content-box: これは、CSS2.1で指定された幅と高さの動作です。要素のコンテンツ ボックスにそれぞれ適用されます。幅には、高さと高さに加えて要素のパディングと境界線も描畫します。
border-box: 要素に設(shè)定された幅と高さによって、要素のコンテンツ ボックスが決まります。要素の境界ボックス、つまり要素の境界線に指定されたパディングと境界線は、設(shè)定された幅と高さの範(fàn)囲內(nèi)で描畫されます。コンテンツの幅と高さは、設(shè)定された幅と高さからそれぞれボーダーとパディングを減算することで取得できます。
inherit: box-sizing 屬性の値が親要素から継承されるように指定します。
例:
<!DOCTYPE html><html><head><meta charset="utf-8" />
<title>css3 box-sizing屬性筆記</title><style type="text/css">
body{background-color: #aaa;}div.container{width:30em;border:1em solid;}
.box{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;border:1em solid red;float:left;}
</style></head><body><div class="container">
<div class="box">這個 div占據(jù)左半部分。</div><div class="box">這個 div占據(jù)右半部分。</div>
</div></body></html>実行結(jié)果:
以上がボックスサイジングプロパティとは何ですかの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
8637
17
1783
16
1727
56
1577
28
1442
31
SyntaxErrorを発生させずにPythonで整數(shù)リテラルプロパティを取得する方法は?
Aug 20, 2023 pm 07:13 PM
SyntaxError の代わりに intliteral 屬性を取得するには、スペースまたは括弧を使用します。intliteral は Python の數(shù)値リテラルの一部です。數(shù)値リテラルには、次の 4 つの異なる數(shù)値型も含まれます。int(signed integers) - これらは、単に整數(shù)または整數(shù)と呼ばれることが多く、正の値です。
JavaでGsonを使用してJSONのプロパティの名前を変更するにはどうすればよいですか?
Aug 27, 2023 pm 02:01 PM
Gson@SerializedName アノテーションは JSON にシリアル化でき、指定された名前の値をフィールド名として持つことができます。このアノテーションは、Gson インスタンスに設(shè)定されているデフォルトのフィールド命名ポリシーを含む、あらゆる FieldNamingPolicy をオーバーライドできます。 GsonBuilder クラスを使用して、さまざまな命名戦略を設(shè)定できます。構(gòu)文@Retention(value=RUNTIME)@Target(value={FIELD,METHOD})public@interfaceSerializedNameExample importcom.google.gson.annotations.*;
Python の dir() 関數(shù): オブジェクトのプロパティとメソッドを表示する
Nov 18, 2023 pm 01:45 PM
Python の dir() 関數(shù): オブジェクトのプロパティとメソッドを表示します。特定のコード サンプルが必要です。 要約: Python は強(qiáng)力で柔軟なプログラミング言語であり、その組み込み関數(shù)とツールは開発者に多くの便利な機(jī)能を提供します。非常に便利な関數(shù)の 1 つは dir() 関數(shù)です。これを使用すると、オブジェクトのプロパティとメソッドを表示できます。この記事では、 dir() 関數(shù)の使用法を紹介し、具體的なコード例を通じてその機(jī)能と使用法を示します。テキスト: Python の dir() 関數(shù)は組み込み関數(shù)です。
Win11 ディスクのプロパティが不明な場合の対処方法
Jul 03, 2023 pm 04:17 PM
Win11のディスクプロパティが不明な場合はどうすればよいですか?最近、Win11 ユーザーは、コンピュータを使用しているときにシステムによってディスク エラーが発生していることに気付きました。何が起こっているのでしょうか?そしてそれをどうやって解決するのでしょうか？詳細(xì)な操作方法を知らない友人も多いと思いますが、Win11 のディスク エラーを解決する手順をエディターが以下にまとめましたので、興味がある方はエディターをフォローして以下をお読みください。 Win11 ディスク エラーを解決する手順 1. まず、キーボードの Win+E キーの組み合わせを押すか、タスクバーのファイル エクスプローラーをクリックします; 2. ファイル エクスプローラーの右側(cè)のサイドバーで、側(cè)面を見つけてローカル ファイルを右クリックしますディスク (C:)、開いたメニュー項目で [プロパティ] を選択します; 3. ローカル ディスク (C:) の [プロパティ] ウィンドウ、[ツール] に切り替えます。
ハースストーンの絶望の糸の屬性の紹介
Mar 20, 2024 pm 10:36 PM
絶望の糸はBlizzard Entertainmentの名作『ハースストーン』に登場するレアカードで、カードパック「ウィズベインのワークショップ」で入手できるチャンスがあります。 100/400の秘術(shù)ダストポイントを消費(fèi)して、ノーマル/ゴールドバージョンを合成できます。ハースストーンの絶望の糸の屬性の紹介: ウィズベインのワークショップ カード パックで確率で入手できるか、秘術(shù)の粉塵を通じて合成することもできます。レアリティ：レア 種類：呪文 クラス：デスナイト マナ：1 効果：すべてのミニオンに斷末魔を與える：すべてのミニオンに1ダメージを與える
JavaScript における pageXOffset 屬性の役割は何ですか?
Sep 16, 2023 am 09:17 AM
ウィンドウの左上隅からドキュメントがスクロールされるピクセルを取得する場合は、pageXoffset プロパティと pageYoffset プロパティを使用します。水平ピクセルには pageXoffset を使用します。例 次のコードを?qū)g行して、JavaScript で pageXOffset 屬性を使用する方法を?qū)W習(xí)できます - ライブ デモンストレーション<!DOCTYPEhtml><html> <head> <style> &
Vue.set関數(shù)を使用して屬性を動的に追加する方法と例
Jul 24, 2023 pm 07:22 PM
Vue.set 関數(shù)を使用してプロパティを動的に追加する方法と例 Vue では、既存のオブジェクトにプロパティを動的に追加する場合、通常は Vue.set 関數(shù)を使用します。 Vue.set 関數(shù)は Vue.js によって提供されるグローバル メソッドであり、プロパティを追加するときに確実に応答性の高い更新を行うことができます。この記事では、Vue.set の使用方法を紹介し、具體的な例を示します。まず、Vue では通常、data オプションを使用してレスポンシブ データを宣言します。
jQuery 要素に特定の屬性があるかどうかを確認(rèn)するにはどうすればよいですか?
Feb 29, 2024 am 09:03 AM
jQuery 要素に特定の屬性があるかどうかを確認(rèn)するにはどうすればよいですか? jQuery を使用して DOM 要素を操作する場合、要素に特定の屬性があるかどうかを判斷する必要がある狀況がよく発生します。この場合、jQuery が提供するメソッドを使用してこの関數(shù)を簡単に実裝できます。以下では、jQuery 要素が特定の屬性を持つかどうかを判斷するために一般的に使用される 2 つの方法を紹介し、具體的なコード例を添付します。方法 1: attr() メソッドと typeof 演算子 // を使用して、要素に特定の屬性があるかどうかを判斷します
