ویژگی border CSS

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

ویژگی کوتاه border در یک جمله تمام ویژگی‌های حاشیه را تنظیم می‌کند.

می‌توانید به ترتیب زیر این ویژگی‌ها را تنظیم کنید:

اگر یکی از این مقادیر تنظیم نشود، مشکلی ایجاد نمی‌شود، به عنوان مثال border:solid #ff0000; نیز مجاز است.

همچنین ببینید:

آموزش CSS:کناره‌های CSS

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

مثال

تنظیم سبک 4 حاشیه:

p
  {
  border:5px solid red;
  }

آزمایش کنید

قوانین CSS

border: border-width border-style border-color|initial|inherit;

مقدار ویژگی

مقدار توضیح
border-width تعیین عرض حاشیه. مراجعه کنید به:border-width ممکن است در این ویژگی وجود داشته باشد.
border-style تعیین سبک حاشیه. مراجعه کنید به:border-style ممکن است در این ویژگی وجود داشته باشد.
border-color تعیین رنگ حاشیه. مراجعه کنید به:border-color ممکن است در این ویژگی وجود داشته باشد.
inherit تعیین می‌کند که تنظیمات ویژگی حاشیه باید از عنصر والد ارث ببرد.

جزئیات فنی

مقدار پیش‌فرض: not specified
میراث: no
نسخه: CSS1
قوانین جاوااسکریپت: object.style.border="3px solid blue"

مثال‌های بیشتر

تمام ویژگی‌های حاشیه در یک جمله
این مثال نشان می‌دهد که چگونه با استفاده از属性 کوتاه تمام چهار ویژگی حاشیه را در یک جمله تنظیم کنیم.

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5