CSS Shorthand Border Property

CSS Border - Shorthand Property

Như bạn đã thấy ở trang trước, có rất nhiều thuộc tính để cân nhắc khi bàn về đường viền.

Để rút ngắn code, chúng ta cũng có thể chỉ định tất cả các thuộc tính đường viền riêng lẻ trong một thuộc tính duy nhất.'

Thuộc tính border là một shorthand property cho các thuộc tính border riêng lẻ sau:

1. border-width
2. border-style (required)
3. border-color

Ví dụ:

p {
    border: 5px solid red;
}

Kết quả trả về:

Bạn cũng có thể chỉ định tất cả các thuộc tính border riêng lẻ  chỉ cho một phía:

Ví dụ: chỉ định cho đường viền bên trái

p {
    border-left: 6px solid red;
}

Kết quả:

Ví dụ: chỉ định cho đường viền dưới

p {
    border-bottom: 6px solid red;
}

Kết quả: