Thuộc tính outlineColor (CSS outline-color) đặt màu cho outline. Mặc định là currentcolor (màu chữ hiện tại).
Ví dụ minh họa
Nhấn nút để đặt outline thick solid màu xám:
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 450px;
background-color: orange;
border: 3px solid red;
margin-left: 20px;
padding: 10px;
}
</style>
</head>
<body>
<p>Nhấn nút để thêm Outline Color.</p>
<div id="box">
<p>Đây là div. Đây là div. Đây là div. Đây là div. Đây là div.</p>
<p>Đây là div. Đây là div. Đây là div. Đây là div. Đây là div.</p>
<p>Đây là div. Đây là div. Đây là div. Đây là div. Đây là div.</p>
</div>
<br>
<button type="button" onclick="display()">Đặt Outline Color</button>
<br>
<script>
function display() {
document.getElementById("box").style.outline = "thick solid";
document.getElementById("box").style.outlineColor = "#5F5F5F";
}
</script>
</body>
</html>
Giá trị màu hợp lệ
- Tên màu:
red,blue,transparent - Hex:
#ff0000,#f00,#ff000080(có alpha) - RGB/RGBA:
rgb(255,0,0),rgba(255,0,0,0.5) - HSL/HSLA:
hsl(0,100%,50%),hsla(0,100%,50%,0.5) currentcolor– Màu chữ hiện tại (mặc định)invert– Đảo ngược màu nền (hỗ trợ hạn chế, không chuẩn)