Thuộc tính opacity của style

Định nghĩa và cách sử dụng

opacity Thuộc tính thiết lập hoặc trả về cấp độ trong suốt của phần tử.

Cấp độ trong suốt (opacity-level) của phần tử mô tả cấp độ trong suốt, trong đó 1 không trong suốt hoàn toàn,0.5 Biểu thị 50% trong suốt,0 Biểu thị hoàn toàn trong suốt.

Xem thêm:

Hướng dẫn CSS:Thuộc tính opacity

Mô hình

Làm cho phần tử DIV trong suốt:

document.getElementById("myDIV").style.opacity = "0.5";

Thử ngay

Cú pháp

Trả về thuộc tính opacity:

object.style.opacity

Đặt thuộc tính opacity:

object.style.opacity = "number|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
number Định nghĩa không mờ. Từ 0.0 (hoàn toàn trong suốt) đến 1.0 (không trong suốt).
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Thực hiện kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: 1
Trả về giá trị: Chuỗi biểu thị mức độ không mờ của phần tử.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ