نمونه کد

یک نمونه ساده از خاصیت box-sizing:

آزمایشگاه

تعریف و کاربرد

برای محاسبه عرض و ارتفاع یک عنصر از خاصیت box-sizing استفاده می کنیم.

اطلاعات

# توضیحات
مقدار پیشفرض محدوده محتوایی
ارث بری خیر
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.boxSizing="border-box"

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
box-sizing

شیوه نگارش

مقادیر

مقادیر توضیحات
content-box به صورت پیش فرض ویژگی های عرض و ارتفاع (حداقل و حداکثر) محتوایی را تعیین می کند.
border-box ویژگی های عرض و ارتفاع (حداقل و حداکثر) را تعیین می کند.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.