Đối tượng CSS2Properties XML DOM

Đối tượng CSS2Properties là bộ sưu tập tất cả các thuộc tính CSS2 và giá trị của chúng.

Mô tả đối tượng CSS2Properties

Đối tượng CSS2Properties biểu thị một nhóm các thuộc tính phong cách CSS và giá trị của chúng. Nó định nghĩa một thuộc tính JavaScript cho mỗi thuộc tính được quy định bởi quy định CSS.

Thuộc tính style của HTMLElement là một đối tượng CSS2Properties có thể đọc và ghi, giống như thuộc tính style của đối tượng CSSStyleRule. Tuy nhiên, giá trị trả về bởi Window.getComputedStyle() là một đối tượng CSS2Properties, các thuộc tính của nó là chỉ đọc.

Thuộc tính đối tượng CSS2Properties

Thuộc tính cssText

Thuộc tính cssText là một nhóm các thuộc tính phong cách và giá trị của chúng dưới dạng văn bản. Văn bản này được định dạng thành một bảng phong cách CSS, loại bỏ các dấu ngoặc花括号 bao quanh phần tử chọn của thuộc tính và giá trị.

Việc thiết lập thuộc tính này với giá trị bất hợp lệ sẽ ném một mã lỗi là SYNTAX_ERR. Lỗi DOMExceptionKhi đối tượng CSS2Properties là chỉ đọc, việc cố gắng thiết lập thuộc tính này sẽ ném một mã lỗi là NO_MODIFICATION_ALLOWED_ERR. Lỗi DOMException.

Thuộc tính tương ứng với thuộc tính CSS

Ngoài thuộc tính cssText, đối tượng CSS2Properties còn có một thuộc tính đối tượng cho mỗi thuộc tính CSS được hỗ trợ bởi trình duyệt. Tên của các thuộc tính này tương ứng chặt chẽ với tên thuộc tính CSS, nhưng đã được thay đổi để tránh lỗi ngữ pháp trong JavaScript. Các thuộc tính nhiều từ chứa dấu gạch dưới (ví dụ: font-family) không có dấu gạch dưới trong JavaScript mà thay vào đó là mỗi từ đầu tiên viết hoa (ví dụ: fontFamily). Ngoài ra, thuộc tính float xung đột với từ khóa float, vì vậy được chuyển đổi thành cssFloat.

Mỗi thuộc tính được định nghĩa trong规范 CSS2 tương ứng với tên thuộc tính CSS2Properties trong Tài liệu tham khảo đối tượng styledưới đây. Lưu ý rằng một số trình duyệt không hỗ trợ tất cả các thuộc tính CSS, vì vậy cũng có thể không hỗ trợ tất cả các thuộc tính được liệt kê. Do các thuộc tính này trực tiếp tương ứng với thuộc tính CSS, bạn cũng có thể tham khảo tài liệu tham khảo style của CodeW3C.com. Tài liệu tham khảo CSSđể xem ý nghĩa và giá trị hợp lệ của chúng.

Trang liên quan

Tài liệu tham khảo HTML DOM:Đối tượng Style

Tài liệu tham khảo:Tài liệu tham khảo CSS