Thuộc tính border-right CSS

Định nghĩa và cách sử dụng

Thuộc tính viết tắt border-right đặt tất cả các thuộc tính của viền bên phải vào một dòng biểu thị.

Có thể đặt theo thứ tự sau các thuộc tính:

Nếu không đặt một giá trị nào đó, cũng không có vấn đề gì, ví dụ border-right:solid #ff0000; cũng được phép.

Xem thêm:

Hướng dẫn CSS:Biên giới CSS

Hướng dẫn tham khảo HTML DOM:Thuộc tính borderRight

Ví dụ

Đặt phong cách viền bên phải:

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

Thử ngay

Ngôn ngữ CSS

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

Giá trị thuộc tính

Giá trị Mô tả
border-right-width Định nghĩa độ rộng của viền bên phải. Xem thêm:border-right-width của có thể.
border-right-style Định nghĩa phong cách của viền bên phải. Xem thêm:border-right-style của có thể.
border-right-color Định nghĩa màu của viền bên phải. Xem thêm:border-right-color của có thể.
inherit Định nghĩa rằng thuộc tính border-right nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: chưa xác định
Kế thừa: không
Phiên bản: CSS1
Ngôn ngữ lập trình JavaScript: object.style.borderRight="3px solid blue"

Các ví dụ khác

Tất cả các thuộc tính viền bên phải trong một dòng biểu thị
Ví dụ này minh họa một thuộc tính viết tắt, sử dụng để đặt tất cả các thuộc tính viền bên phải trong một dòng biểu thị.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

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

Ghi chú:Trình duyệt IE7 và các phiên bản trước không hỗ trợ giá trị "inherit". IE8 cần có !DOCTYPE. IE9 hỗ trợ "inherit".