CSS بوردر ویٹ اپریٹر
- پیشین پیگه border-top-width
- پائیدھا پائیدھا بوتوم
تعریف و استفاده
ویژگی کوتاه borderWidth عرض حاشیه تمام لبه‌های عنصر را تنظیم می‌کند، یا به طور جداگانه برای هر لبه حاشیه تنظیم می‌کند.
این ویژگی تنها زمانی عمل می‌کند که سبک حاشیه none نباشد. اگر سبک حاشیه none باشد، عرض حاشیه به طور واقعی به 0 بازمی‌گردد. نمی‌توان مقدار منفی طول指定 کرد.
مثال 1
border-width:thin medium thick 10px;
- حاشیه بالا حاشیه نازک هستند
- حاشیه سمت راست حاشیه متوسط هستند
- حاشیه پایین حاشیه کلیدی هستند
- حاشیه چپ 10px عرض دارد
مثال 2
border-width:thin medium thick;
- حاشیه بالا 10px است
- حاشیه سمت راست و چپ حاشیه متوسط هستند
- حاشیه پایین حاشیه کلیدی هستند
مثال 3
border-width:thin medium;
- حاشیه بالا و پایین حاشیه نازک هستند
- حاشیه سمت راست و چپ حاشیه متوسط هستند
مثال 4
border-width:thin;
- تمام چهار حاشیه‌ها حاشیه نازک هستند
مثال
عرض چهار حاشیه را تنظیم کنید:
p
{
border-style:solid;
border-width:15px;
}
جمله‌بندی CSS
border-width: medium|thin|thick|length|initial|inherit;
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| حاشیه نازک را تعریف می‌کند. | thin |
| medium | پیش‌فرض. حاشیه متوسط را تعریف می‌کند. |
| thick | حاشیه‌های کلیدی را تعریف می‌کند. |
| length | به شما اجازه می‌دهد عرض حاشیه را شخصی‌سازی کنید. |
| inherit | باید عرض حاشیه از عنصر والد به ارث برسد. |
مثال‌های بیشتر
- تمام ویژگی‌های عرض حاشیه در یک بیان
- این مثال نشان می‌دهد که چگونه از ویژگی‌های کوتاه برای تنظیم تمام ویژگی‌های عرض حاشیه در یک بیان استفاده می‌شود.
جزئیات فنی
| مقدار پیش‌فرض: | medium |
|---|---|
| انجمن: | no |
| نسخه: | CSS1 |
| جمله‌بندی JavaScript: | آبجکت.style.borderWidth="thin thick" |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کامل پشتیبانی می‌کند.
| چروم | آئی ای / ایج | فائرفاکس | سافری | اوپرا |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- پیشین پیگه border-top-width
- پائیدھا پائیدھا بوتوم
