تعریف و کاربرد
برای محاسبه عرض و ارتفاع یک عنصر از خاصیت box-sizing استفاده می کنیم.
اطلاعات
| # | توضیحات |
|---|---|
| مقدار پیشفرض | محدوده محتوایی |
| ارث بری | خیر |
| انیمیشن | خیر |
| نسخه | CSS3 |
| نگارش JS | object.style.boxSizing="border-box" |
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| box-sizing |
شیوه نگارش
مقادیر
| مقادیر | توضیحات |
|---|---|
| content-box | به صورت پیش فرض ویژگی های عرض و ارتفاع (حداقل و حداکثر) محتوایی را تعیین می کند. |
| border-box | ویژگی های عرض و ارتفاع (حداقل و حداکثر) را تعیین می کند. |
| initial | این مقدار را به ویژگی پیش فرض خود اضافه می کند. |
| inherit | این مقدار را از تگ والد خود به ارث می برد. |