Đăng nhập
Bạn chưa có tài khoản? Đăng ký.
Bạn đã quên password?
Thuộc tính CSS border cho phép chúng ta chỉ định kiểu, chiều rộng và màu sắc của đường viền của một phần tử HTML.
Tôi có đường viền ở tất cả các bên.
Tôi có đường viền bên dưới màu đỏ.
Tôi có đường viền với bốn góc bo tròn.
Tôi có đường viền bên trái màu xanh dương
Thuộc tính border-style
quy định cụ thể các kiểu border hiển thị ra ngoài màn hình.
Thuộc tính border-style
có các giá trị như sau:
Ví dụ
<style> p.dotted {border-style: dotted;} p.dashed {border-style: dashed;} p.solid {border-style: solid;} p.double {border-style: double;} p.groove {border-style: groove;} p.ridge {border-style: ridge;} p.inset {border-style: inset;} p.outset {border-style: outset;} p.none {border-style: none;} p.hidden {border-style: hidden;} p.mix {border-style: dotted dashed solid double;} </style>
Thuộc tính border-width
quy định độ rộng của đường viền.
Chiều rộng border có thể được xác định bằng một đơn vị đo kích thước cụ thể (tính bằng px, pt, cm, em, v.v.) hoặc bằng cách sử dụng một trong ba giá trị được xác định trước: thin, medium hoặc thick.
Thuộc tính border-width
cũng có thể chỉ xác định từ một đến bốn giá trị (đối với border-top, border-right, border-bottom, và border-left).
Ví dụ
p.one { border-style: solid; border-width: 5px 20px; /* 5px trên và dưới, 20px trái và phải */ }
Thuộc tính border-color
được sử dụng để thiết lập màu sắc cho bốn đường viền.
Màu có thể được chỉ định bằng cách:
Thuộc tính border-color
cũng có thể chỉ định màu cho từ một đến bốn giá trị border (đối với border-top, border-right, border-bottom, và border-left).
Ví dụ
<style> p.one { border-style: solid; border-color: red green blue yellow; /* red trên, green phải, blue dưới, yellow trái */ } </style>
Màu của đường viền cũng có thể được chỉ định bằng giá trị thập lục phân (HEX)
Hoặc bằng cách sử dụng các giá trị RGB.
Chúng ta cũng có thể sử dụng các giá trị HSL.