Thuộc tính outline-style trong CSS
Thuộc tính outline-style trong CSS giúp bạn xác định Style cho Outline xung quanh một phần tử.
Thuộc tính outline-style có thể nhận giá trị:
none: tức là không có border (tương đương với border-width: 0;).
solid: đường viền liền đơn.
dotted: đường viền là một dãy các chấm nhỏ.
dashed: đường viền là một dãy các đoạn thẳng ngắn.
double: đường viền là hai đường dạng solid.
groove: đường viền trông giống như được khắc vào trong trang.
ridge: đường viền trông ngược với dạng groove.
inset: đường viền trông giống như là nó được nhúng vào trong trang.
outset: ngược lại với dạng inset.
hidden: giống như none.
Thuộc tính outline-style có thể áp dụng cho:
Tất cả các phần tử HTML.
Cú pháp thuộc tính outline-style trong DOM
object.style.outlineStyle = "solid";
Ví dụ thuộc tính outline-style trong CSS
Bạn theo dõi ví dụ sau để thấy cách sử dụng của thuộc tính outline-style trong CSS:
<html>
<head>
</head>
<body>
<p style="outline-width:thin; outline-style:solid;">
Outline co do rong thin va hinh dang la solid.
</p>
<br />
<p style="outline-width:thick; outline-style:dashed;">
Outline co do rong thick va hinh dang la dashed.
</p>
<br />
<p style="outline-width:5px;outline-style:dotted;">
Outline co do rong la 5px va hinh dang la dotted.
</p>
</body>
</html>
Kết quả là:
Công cụ giáo viên (2048.VN)
Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free
Bài học CSS phổ biến khác tại vietjack.com:
Dành cho bạn
Công cụ giáo viên
- Tạo đề online từ PDF / Word
- Trộn nhiều mã đề, in Offline
- Giao bài online, Quản lí lớp học
