Từ khoá transparent
Từ khóa transparent được sử dụng để làm cho màu trong suốt. Nó thường được sử dụng để tạo màu nền trong suốt cho một element.
body { background-image: url("paper.gif"); } div { background-color: transparent; }
Lưu ý: Từ khóa transparent tương đương với rgba (0,0,0,0). Giá trị màu RGBA là phần mở rộng của các giá trị màu RGB với kênh alpha - chỉ định độ mờ cho một màu.
Từ khoá currentcolor
Từ khóa currentcolor giống như một biến giữ giá trị hiện tại của thuộc tính màu của một element.
Từ khóa này có thể hữu ích nếu bạn muốn một màu cụ thể nhất quán trong một element hoặc một trang.
div { color: blue; border: 10px solid currentcolor; }
Trong ví dụ này, màu nền của <div> được đặt thành giá trị màu hiện tại của body element:
body { color: purple; } div { background-color: currentcolor; }
Trong ví dụ này, màu đường viền và màu bóng của <div> được đặt thành giá trị màu hiện tại của body element:
body { color: green; } div { box-shadow: 0px 0px 15px currentcolor; border: 5px solid currentcolor; }Từ khoá inherit
Từ khóa inherit chỉ định rằng một thuộc tính sẽ kế thừa giá trị của nó từ element cha của nó.
Từ khóa inherit có thể được sử dụng cho bất kỳ thuộc tính CSS nào và trên bất kỳ element HTML nào.
div { border: 2px solid red; } span { border: inherit; }