Opacity được quy định như thế nào trong CSS3?

Trong CSS3, thuộc tính opacity được sử dụng để xác định độ mờ của một phần tử. Độ mờ là mức độ mà nội dung phía sau một phần tử bị ẩn đi, và là ngược lại của tính minh bạch. Giá trị của thuộc tính opacity có thể là một số trong khoảng từ 0.0 đến 1.0 hoặc một phần trăm trong khoảng từ 0% đến 100%, biểu diễn độ mờ của kênh (tức là giá trị của kênh alpha của nó). Bất kỳ giá trị nào nằm ngoài khoảng này, mặc dù hợp lệ, cũng sẽ được điều chỉnh về giới hạn gần nhất trong khoảng.

• Giá trị 0 có nghĩa là phần tử hoàn toàn trong suốt (tức là, không thấy được).
• Bất kỳ giá trị số nào nằm giữa 0 và 1 có nghĩa là phần tử mờ đi (tức là, nội dung phía sau phần tử có thể được nhìn thấy).
• Giá trị 1 (giá trị mặc định) có nghĩa là phần tử hoàn toàn không trong suốt (có vẻ ngoài đặc).

Thuộc tính opacity áp dụng cho toàn bộ phần tử, bao gồm cả nội dung của nó, mặc dù giá trị không được kế thừa bởi các phần tử con. Do đó, phần tử và các phần tử con của nó đều có cùng độ mờ so với nền của phần tử, ngay cả khi chúng có độ mờ khác nhau so với nhau.