<alpha-value>

Cú pháp

Giá trị của <alpha-value> được cho dưới dạng <number> hoặc <percentage>.

Nếu cho dưới dạng số, khoảng giá trị hữu ích là 0 (hoàn toàn trong suốt) đến 1.0 (hoàn toàn mờ đục), với các giá trị thập phân ở giữa; tức là 0.5 có nghĩa là dùng một nửa màu nền trước và một nửa màu nền sau. Các giá trị nằm ngoài khoảng 0 đến 1 được phép, nhưng sẽ bị kẹp vào khoảng 0 đến 1.

Nếu giá trị alpha được cho dưới dạng phần trăm, 0% tương ứng với hoàn toàn trong suốt còn 100% là hoàn toàn mờ đục.

Cú pháp chính thức

<alpha-value> = 
  <number>      |
  <percentage>  

Nội suy

Khi tạo hoạt ảnh, các giá trị của kiểu dữ liệu CSS <alpha-value> được nội suy dưới dạng số thực dấu phẩy động. Tốc độ nội suy được xác định bởi hàm easing liên kết với hoạt ảnh đó.

Ví dụ

Đặt độ mờ cho màu chữ

Hàm rgb() chấp nhận một giá trị thứ tư tùy chọn để xác định giá trị alpha. Ví dụ dưới đây cho thấy cách áp dụng màu với độ mờ 60% sử dụng giá trị alpha:

/* <rgb()> */
color: rgb(34 12 64 / 60%);

Đặt ngưỡng hình ảnh cho shape

Ở đây một giá trị alpha được dùng để xác định phần nào của hình ảnh được coi là thuộc về một shape:

/* shape-image-threshold */
shape-image-threshold: 70%;
shape-image-threshold: 0.7;

Thông số kỹ thuật

Xem thêm

• Học: Định dạng văn bản và phông chữ cơ bản
• Các kiểu dữ liệu CSS
• Màu sắc trong CSS
• <color>