مثال
تغيير الخاصية boxSizing:
document.getElementById("myDIV").style.boxSizing = "border-box";
انها محاولة لنفسك » تعريف والاستخدام
الخاصية boxSizing تسمح لك لتحديد عناصر معينة لتناسب مساحة بطريقة معينة.
على سبيل المثال، إذا كنت تريد اثنين تحدها صناديق جنبا إلى جنب، ويمكن تحقيق ذلك من خلال وضع boxSizing إلى "border-box" . هذا يفرض المتصفح لجعل مربع مع العرض المحدد والارتفاع، ووضع الحدود والحشو داخل منطقة الجزاء.
دعم المتصفح
ويدعم خاصية boxSizing في إنترنت إكسبلورر، أوبرا، والكروم، وسفاري.
فايرفوكس يدعم بديل، الخاصية MozBoxSizing.
بناء الجملة
إعادة الممتلكات boxSizing:
object .style.boxSizing تعيين الخاصية boxSizing:
object .style.boxSizing="content-box|border-box|initial|inherit"
قيم الممتلكات
| القيمة | وصف |
|---|---|
| content-box | القيمة الافتراضية. هذا هو السلوك من العرض والارتفاع كما هو محدد من قبل CSS2.1. العرض المحدد والارتفاع (and min/max properties) ينطبق على العرض والارتفاع على التوالي من مربع محتوى العنصر. وضعت الحشو والحدود للعنصر من وتعادل خارج العرض والارتفاع المحدد |
| border-box | العرض المحدد والارتفاع (and min/max properties) على هذا العنصر تحديد مربع الحدود للعنصر. وهذا هو، وضعت أي الحشو أو الحدود المحددة على عنصر من وضعت داخل هذا العرض المحدد والارتفاع. وتحسب عرض المحتوى والارتفاع من خلال طرح بعرض الحدود والحشو من الجانبين كل من 'عرض' المحدد وخصائص 'ارتفاع' |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | محتوى الصندوق |
|---|---|
| قيمة الإرجاع: | A سلسلة تمثل خاصية التحجيم مربع عنصر |
| صفحة CSS | CSS3 |
صفحات ذات صلة
CSS إشارة: box-sizing property
<كائن نمط