ویژگی Style border

تعریف و استفاده

border ویژگی‌ها به صورت خلاصه‌سازی شده برای تنظیم یا بازگشتی بیشترین سه ویژگی لبه تنظیم می‌شوند.

با استفاده از این ویژگی، می‌توانید یک یا چند مورد از موارد زیر را تنظیم یا بازگشتی کنید (در هر ترتیب):

لطفاً به

آموزش CSS:پیرامون CSS border

دستورالعمل CSS:ویژگی border

مثال

مثال 1

افزودن لبه به عناصر <div>:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

تست کنید

مثال 2

تغییر عرض، سبک و رنگ لبه عناصر <div>:

document.getElementById("myDiv").style.border = "thin dotted red";

تست کنید

مثال 3

مقدار ویژگی border عناصر <div> بازگشتی:

alert(document.getElementById("myDiv").style.border);

تست کنید

قانون‌نویسی

بازگشتی از ویژگی border:

object.style.border

تنظیم ویژگی border:

object.style.border = "width style color|initial|inherit"

مقدار ویژگی

مقدار توضیح
width تنظیم عرض لبه.
style تنظیم سبک لبه.
color تنظیم رنگ لبه.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: تعیین نشده است.
مقدار بازگشتی: رشته، که عرض، سبک و/یا رنگ لبه عناصر را نشان می‌دهد.
نسخه CSS: CSS1

پشتیبانی مرورگر

border ویژگی CSS1 (1996) است.

همه مرورگرها به طور کامل از آن پشتیبانی می‌کنند:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی