Thuộc tính đường bao ngoài (Outline)

Thuộc tính Outline sẽ vẽ một đường bao ngoài toàn bộ một phần tử HTML, đối với phần tử có đường viền (border) thì đường bao này sẽ bao trọn đường viền của phần tử đó. Cũng tương tự như đường viền bạn có thể đặt cho nó các thuộc tính về màu săc, độ lớn và kiểu.
Nội dung trích xuất từ tài liệu:
Thuộc tính đường bao ngoài (Outline) Thuộc tính đường bao ngoài (Outline)Thuộc tính Outline sẽ vẽ một đ ường bao ngoài toàn bộ một phần tử HTML, đốivới phần tử có đường viền (border) thì đường bao này sẽ bao trọn đường viềncủa phần tử đó. Cũng t ương tự như đường viền bạn có thể đặt cho nó các thuộctính về màu săc, độ lớn và kiểu.Có một điều cần chú ý là các thuộc tính của đường bao này có thể không đượchỗ trợ trên IE01Đặt thuộc màu cho đường baoNếu muốn đặt màu cho đường bao chúng ta có thể sử dụng thuộc tính outline -color:p{ outline-color: #CC0000;}02Đặt độ rộng cho đường bao.Tương tự như đường viền, để đặt độ rộng cho đ ường bao chúng ta đặt giá trị độlớn cho thuộc tính outline-width:p{ outline-width: 2px;}03Chọn kiểu đường baoĐể chọn kiểu cho đường bao chúng ta sẽ đặt lần l ượt các giá trị cho thuộc tínhoutline-style:p{ outline-style: dotted;}STT outline-style1 none2 hidden3 dotted4 dashed5 solid6 double7 groove8 ridge9 inset10 outsetĐể cho gọn chúng ta cũng có thể viết các giá trị của thuộc tính Outline d ướidạng shorthand như sau:div.outline { outline: 1px solid #000;}Nguồn: cssyeah.com