outline-style thuộc tính chỉ định kiểu cho dòng đi quanh một phần tử. Nó có thể nhận một trong các giá trị sau -
- không - Không có biên giới. (Tương đương với outline-width:0;)
- rắn - Đường viền là một đường liền nét.
- chấm - Đường viền là một loạt các dấu chấm.
- gạch ngang - Dàn ý là một chuỗi các dòng ngắn.
- nhân đôi - Đường viền là hai đường liền nét.
- 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 lại với đường rãnh.
- chèn - Đường viền làm cho hộp giống như được nhúng vào trang.
- bắt đầu - Đường viền làm cho chiếc hộp trông giống như nó đang thoát ra khỏi khung vẽ.
- ẩn - Giống như không có.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai outline-style tài sản -
<html> <head> </head> <body> <p style = "outline-width:thin; outline-style:solid;"> This text is having thin solid outline. </p> <br /> <p style = "outline-width:thick; outline-style:dashed;"> This text is having thick dashed outline. </p> <br /> <p style = "outline-width:5px;outline-style:dotted;"> This text is having 5x dotted outline. </p> </body> </html>