Thuộc tính outline-style chỉ định kiểu đường viền bao quanh phần tử. Có thể nhận các giá trị sau:
- none - Không có viền. (Tương đương outline-width:0;)
- solid - Outline là một đường liền đơn.
- dotted - Outline là một chuỗi chấm.
- dashed - Outline là một chuỗi đoạn ngắn.
- double - Outline là hai đường liền.
- groove - Outline trông như được khắc vào trang.
- ridge - Outline trông ngược với groove.
- inset - Outline làm hộp trông như nhúng trong trang.
- outset - Outline làm hộp trông như nổi lên khỏi canvas.
- hidden - Giống none.
Ví dụ
Thử chạy mã sau để triển khai thuộc tính outline-style:
<html>
<head>
</head>
<body>
<p style="outline-width:thin; outline-style:solid;">
Văn bản này có outline mỏng liền.
</p>
<br />
<p style="outline-width:thick; outline-style:dashed;">
Văn bản này có outline dày nét đứt.
</p>
<br />
<p style="outline-width:5px;outline-style:dotted;">
Văn bản này có outline 5px chấm.
</p>
</body>
</html>