ویژگی borderImage Style
- صفحه قبلی
- صفحه بعدی
- برگشت به لایه بالاتر موضوع Style در HTML DOM
تعریف و استفاده
borderImage این ویژگی یک ویژگی اختصاری برای تنظیم
مقدارهای حذف شده را به مقدار پیش‌فرض خود تنظیم کنید.
لطفاً به
دستورالعمل CSS:ویژگی border-image
مثال
تصویر را به عنوان حاشیه عنصر <div> مشخص کنید:
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
قانون‌نویسی
بازگشتی ویژگی borderImage:
object.style.borderImage
تنظیم ویژگی borderImage:
object.style.borderImage = "source slice width outset repeat|initial|inherit"
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| borderImageSource | مسیر تصویری که باید به عنوان حاشیه استفاده شود. |
| borderImageSlice | جابجایی تصویر حاشیه به درون. |
| borderImageWidth | پهنا تصویر حاشیه. |
| borderImageOutset | مقدار بیش از حاشیه جعبه حاشیه (border box). |
| borderImageRepeat | تصویر حاشیه باید چگونه تکرار شود (تکرار شده)، پر شود (اروند) یا کشیده شود (کشیده شده) باشد؟ |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | none 100% 1 0 stretch |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان‌دهنده ویژگی border-image. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را کامل پشتیبانی می‌کنند.
| مرورگر کروم | مرورگر ایدج | مرورگر فایرفاکس | مرورگر سافاری | آپرا |
|---|---|---|---|---|
| مرورگر کروم | مرورگر ایدج | مرورگر فایرفاکس | مرورگر سافاری | آپرا |
| 16.0 | 11.0 | 15.0 | 6.0 | 15.0 |
- صفحه قبلی
- صفحه بعدی
- برگشت به لایه بالاتر موضوع Style در HTML DOM
