CSS Border Width

Chiều rộng của đường viền 

Thuộc tính border-width được sử dụng để chỉ định chiều rộng của bốn đường viền.

Chiều rộng có thể được thiết lập như là một kích thước cụ thể (bằng đơn vị px, pt, cm, em,...) hoặc bằng cách sử dụng một trong ba giá trị đã được định nghĩa trước là thin, medium, hoặc thick:

Ví dụ sau sẽ thể hiện các chiều rộng khác nhau của đường viền:

p.one {
    border-style: solid;
    border-width: 5px;
}

p.two {
    border-style: solid;
    border-width: medium;
}

p.three {
    border-style: dotted;
    border-width: 2px;
}

p.four {
    border-style: dotted;
    border-width: thick;
}

Kết quả trả về

Chiều rộng của các cạnh bên cụ thể

Thuộc tính border-width có thể có từ một đến bốn giá trị (cho đường viền trên, đường viền phải, đường viền dưới, và đường viền trái):

Ví dụ:

p.one {
    border-style: solid;
    border-width: 5px 20px; /* 5px top and bottom, 20px on the sides */
}

p.two {
    border-style: solid;
    border-width: 20px 5px; /* 20px top and bottom, 5px on the sides */
}

p.three {
    border-style: solid;
    border-width: 25px 10px 4px 35px; /* 25px top, 10px right, 4px bottom and 35px left */
}