Chiều rộng BORDER CSS

Chiều rộng BORDER CSS

border-width Thuộc tính xác định độ rộng của bốn cạnh viền.

Có thể thiết lập độ rộng bằng kích thước cụ thể (bằng px, pt, cm, em) hoặc sử dụng một trong ba giá trị предопределенные sau: thin, medium hoặc thick:

Ví dụ

Hiển thị các độ rộng viền khác nhau:

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ả:

5px border-width

medium border-width

2px border-width

thick border-width

Thử ngay

Chiều rộng của cạnh cụ thể

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

Ví dụ

p.one {
  border-style: solid;
  border-width: 5px 20px; /* 上边框 và dưới cùng là 5px, các cạnh khác là 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* 上边框 và dưới cùng là 20px, các cạnh khác là 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* 上边框 25px，右边框 10px，下边框 4px，左边框 35px */
}

Thử ngay