Để đặt kiểu đường viền, hãy sử dụng kiểu đường viền bất động sản. Thuộc tính kiểu đường viền cho phép bạn chọn một trong các kiểu đường viền sau:
- không: Không có đường viền
- chắc chắn: Đường viền là một đường liền nét.
- chấm: Đường viền là một chuỗi các dấu chấm.
- gạch ngang: Đường viền là một chuỗi các đường ngắn.
- nhân đôi: Đường viền là hai đường liền mạch.
- rãnh: Đường viền trông như thể nó được khắc vào trang giấy.
- sườn núi: Đường viền trông ngược với đường rãnh.
- nội dung: Đường viền làm cho hộp giống như được nhúng vào trang.
- đầu tiên: Đường viền làm cho hộp trông giống như nó đang thoát ra khỏi khung vẽ.
- ẩn: Giống như không có, ngoại trừ về giải quyết xung đột biên giới cho các phần tử bảng.
Ví dụ
Bạn có thể thử chạy mã sau để đặt kiểu đường viền:
<html> <head> </head> <body>. <p style = "border-width:4px; border-style:none;"> This is a border with none width. </p> <p style = "border-width:4px; border-style:solid;"> This is a solid border. </p> <p style = "border-width:4px; border-style:dashed;"> This is a dashed border. </p> <p style = "border-width:4px; border-style:double;"> This is a double border. </p> <p style = "border-width:4px; border-style:groove;"> This is a groove border. </p> </body> </html>