Thiết lập màu cho 4 viền với CSS

Thuộc tính border-color

Thuộc tính border-color cho phép đặt màu cho 4 viền cùng lúc theo thứ tự: trên (top), phải (right), dưới (bottom), trái (left) — theo chiều kim đồng hồ.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    p {
      border-style: dashed;
      border-color: #808000 #800000 #FF0000 #FFFF00;
      /* top: olive, right: maroon, bottom: red, left: yellow */
    }
  </style>
</head>
<body>
  <p>Văn bản demo với 4 viền màu khác nhau.</p>
</body>
</html>

Có thể khai báo 1-4 giá trị: 1 giá trị (4 cạnh), 2 giá trị (trên/dưới, trái/phải), 3 giá trị (trên, trái/phải, dưới), 4 giá trị (trên, phải, dưới, trái).