CSS Declaration Block

CSS declaration block là một tập hợp có thứ tự của các thuộc tính và giá trị CSS. Nó được biểu diễn trong DOM dưới dạng CSSStyleDeclaration.

Mỗi cặp thuộc tính và giá trị được gọi là một CSS declaration. CSS declaration block có các thuộc tính liên quan sau:

computed flag: Được bật nếu đối tượng CSSStyleDeclaration là kiểu đã tính toán thay vì kiểu đã khai báo. Mặc định là tắt.
declarations: Các CSS declaration gắn với đối tượng này.
parent CSS rule: CSSRule mà CSS declaration block này được gắn với, nếu không thì là null.
owner node: element mà CSS declaration block này được gắn với, nếu không thì là null.
updating flag: Được bật khi CSS declaration block đang cập nhật thuộc tính style của owner node.

Khi một CSSStyleDeclaration được trả về bởi một giao diện Mô hình đối tượng CSS (CSSOM), các thuộc tính này được đặt thành các giá trị phù hợp như đặc tả quy định.

Ví dụ cơ bản

Ví dụ sau cho thấy một quy tắc CSS với một declaration block cho phần tử h1. CSS declaration block là các dòng nằm giữa dấu ngoặc nhọn.

css

h1 {
  margin: 0 auto;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-style: italic;
  color: rebeccapurple;
}

Chúng ta có thể trả về một CSSStyleDeclaration biểu diễn CSS declaration block này bằng CSSStyleRule.style.

let myRules = document.styleSheets[0].cssRules;
let rule = myRules[0]; // a CSSStyleRule
console.log(rule.style); // a CSSStyleDeclaration object

Specification
CSS Object Model (CSSOM) # css-declaration-blocks

This page was last modified on Jan 1, 1970 by MDN contributors.