Style boxSizing 属性
- পূর্ববর্তী পৃষ্ঠা boxShadow
- পরবর্তী পৃষ্ঠা captionSide
- একত্রীকরণ করুন HTML DOM Style অবজেক্ট
定义和用法
boxSizing
属性允许您以特定的方式定义匹配某个区域的特定元素。
例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。
另请参阅:
CSS 参考手册:box-sizing 属性
语法
返回 boxSizing 属性:
object.style.boxSizing
设置 boxSizing 属性:
object.style.boxSizing = "content-box|border-box|initial|inherit"
属性值
值 | 描述 |
---|---|
content-box |
默认值。这是 CSS2.1 规定的宽度和高度的行为。 规定的宽度和高度(以及 min/max 属性)分别应用于元素内容框的宽度和高度。 元素的内边距和边框在规定的宽度和高度之外进行布局和绘制 |
border-box |
为元素设定的宽度和高度决定了元素的边框盒。 就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。 বাস্তব মান এবং উচ্চতা থেকে ফাঁসার এবং আঙ্কনটি থেকে কনটেন্টের প্রস্থ এবং উচ্চতা পাওয়া যায়。 |
initial | এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিন। দেখুন initial。 |
inherit | এই বৈশিষ্ট্যটি পিতৃ তত্ত্বকে থেকে উত্তরণ করুন। দেখুন inherit。 |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | content-box |
---|---|
ফলাফল: | শব্দসূচক যা একটি তত্ত্বকে box-sizing 属性。 |
CSS সংস্করণ: | CSS3 |
ব্রাউজার সমর্থন
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা boxShadow
- পরবর্তী পৃষ্ঠা captionSide
- একত্রীকরণ করুন HTML DOM Style অবজেক্ট