ویژگی border-right CSS

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

ویژگی کوتاه شده border-right تمام ویژگی‌های لبه سمت راست را در یک بیان قرار می‌دهد.

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

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

لطفاً به:

آموزش CSS:پیرامون لبه‌های CSS

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

مثال

سبک لبه سمت راست را تنظیم کنید:

p
  {
  border-style:solid;
  border-right:thick double #ff0000;
  }

آزمایش کنید

جمله‌بندی CSS

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

مقدار ویژگی

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

جزئیات فنی

مقدار پیش‌فرض: not specified
erbانی: no
نسخه: CSS1
جمله‌بندی JavaScript: object.style.borderRight="3px solid blue"

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

تمام ویژگی‌های لبه‌های سمت راست در یک بیان قرار دارند
این مثال یک ویژگی کوتاه شده را نشان می‌دهد که برای قرار دادن تمام ویژگی‌های لبه‌های سمت راست در یک بیان استفاده می‌شود.

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

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

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

توضیحات:مرورگرهای IE7 و قدیمی‌تر از پارامتر "inherit" پشتیبانی نمی‌کنند. IE8 نیاز به !DOCTYPE دارد. IE9 از "inherit" پشتیبانی می‌کند.