Thuộc tính CSS nửa công khai có ý nghĩa gì trong Công cụ dành cho nhà phát triển của Google Chrome?

Question

Xin vui lòng xem các hình ảnh sau đây:

Tại sao padding-top và margin-top hoàn toàn mờ đục, nhưng padding-right vv không?

Answer 1

Tôi tin rằng chúng nửa công khai vì chúng không được xác định rõ ràng.

Consired tờ sau đây:

selector1 { 
    margin: 20px; 
} 

selector2 { 
    margin: 20px; 
    margin-top: 10px; 
} 

selector3 { 
    margin: 10px 20px 30px; 
} 

Trong ví dụ đầu tiên (selector1) tất cả margin-* tính sẽ bán trong suốt vì không được định nghĩa một cách rõ ràng - shortcut đang được sử dụng.

Trong ví dụ thứ hai (selector2) chỉ margin-top sẽ hoàn toàn mờ đục, vì được xác định trong thuộc tính của riêng nó.

Trong ví dụ cuối cùng (selector3), margin-top và margin-bottom được xác định rõ ràng, do đó sẽ hoàn toàn mờ đục. Tuy nhiên margin-left và margin-right được xác định bởi một giá trị duy nhất, do đó chúng sẽ nửa trong suốt.

---

màu bán trong suốt cũng được áp dụng cho các giá trị mặc định, ví dụ:

background: red url(...) no-repeat; 

Khách sạn này được xác định background-color, background-image và background-repeat một cách rõ ràng, tuy nhiên background-position, background-clip, background-size vv không được định nghĩa (giá trị mặc định được sử dụng) để chúng được xem là nửa công khai.