Câu hỏi phỏng vấn CSS
Câu hỏi

Làm sao để biết trình duyệt có hỗ trợ một thuộc tính CSS hay không?

Câu trả lời

Để biết trình duyệt có hỗ trợ một thuộc tính CSS hay không, bạn có thể sử dụng một số phương pháp sau:

  1. Sử dụng JavaScript: Bạn có thể kiểm tra sự hỗ trợ của thuộc tính CSS bằng cách sử dụng phương thức CSS.supports() trong JavaScript. Phương thức này cho phép bạn kiểm tra cả thuộc tính và giá trị.

    if (CSS.supports('display', 'grid')) {
      // Code nếu trình duyệt hỗ trợ display: grid
    }

    Hoặc bạn cũng có thể kiểm tra chỉ với thuộc tính:

    if (CSS.supports('display: grid')) {
      // Code nếu trình duyệt hỗ trợ display: grid
    }
  2. Sử dụng CSS @supports Rule: Trong CSS, bạn có thể sử dụng at-rule @supports để kiểm tra sự hỗ trợ của thuộc tính và áp dụng các quy tắc kiểu dáng chỉ khi thuộc tính được hỗ trợ[3].

    @supports (display: grid) ...
senior

senior

Gợi ý câu hỏi phỏng vấn

middle

Giải thích CSS box model và các thành phần bố cục trong nó?

middle

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

middle

CSS Preprocessor là gì?

Bình luận

Chưa có bình luận nào

Chưa có bình luận nào