Hướng dẫn border-width trong css - border-width in css

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

Thuộc tính border được dùng để định dạng đường viền cho thành phần.

Cấu trúc

tag {
    Thuộc tính: giá trị;
}

Với thuộc tính và giá trị như sau:

Thuộc tính vị trí

border-right: #ff0000 solid 2px;

Cấu trúc như sau:

tag {
    Thuộc tính: width style color;
}

Chú ý: width, style, color có thể theo thứ tự bất kỳ.

HTML viết:

Đây là tag p có border top 2px dạng solid màu đỏ.

CSS viết:

p { 
    border-top: 2px solid #ff0000;
}

Hiển thị trình duyệt:

Đây là tag p có border top 2px dạng solid màu đỏ.

HTML viết:

Đây là tag p có border right 2px dạng solid màu đỏ.

CSS viết:

p { 
    border-right: 2px solid #ff0000;
}

Hiển thị trình duyệt:

Đây là tag p có border top 2px dạng solid màu đỏ.

HTML viết:

Đây là tag p có border bottom 2px dạng solid màu đỏ.

CSS viết:

p { 
    border-bottom: 2px solid #ff0000;
}

Hiển thị trình duyệt:

Đây là tag p có border top 2px dạng solid màu đỏ.

HTML viết:

Đây là tag p có border left 2px dạng solid màu đỏ.

CSS viết:

p { 
    border-left: 2px solid #ff0000;
}

Hiển thị trình duyệt:

Đây là tag p có border top 2px dạng solid màu đỏ.

HTML viết:

tag {
    Thuộc tính: width style color;
}

CSS viết:

tag {
    Thuộc tính: width style color;
}

Hiển thị trình duyệt:

Hiển thị trình duyệt:

Đây là tag p có border top 2px dạng solid màu đỏ.

Đây là tag p có border right 2px dạng solid màu đỏ.

Đây là tag p có border bottom 2px dạng solid màu đỏ.