Thuộc tính content của CSS

Định nghĩa và cách sử dụng

Thuộc tính content được sử dụng cùng với pseudo-element :before và :after để chèn nội dung được tạo ra.

Giải thích

Thuộc tính này được sử dụng để xác định nội dung được đặt trước hoặc sau phần tử. Mặc định, điều này thường là nội dung trong dòng, nhưng loại khung được tạo bởi nội dung này có thể được kiểm soát bởi thuộc tính display.

Xem thêm:

Hướng dẫn tham khảo CSS:Phụ元素 :before trong CSS

Hướng dẫn tham khảo CSS:Phụ元素 :after trong CSS

Hướng dẫn tham khảo HTML DOM:Thuộc tính content

Mô hình

Ví dụ sau chèn vào sau mỗi liên kết URL trong dấu ngoặc:

a:after
  {
  content: " (" attr(href) ")";
  }

Thử nghiệm trực tiếp

Cú pháp CSS

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
none 　
normal 　
content specifications 　
inherit Định nghĩa rằng giá trị thuộc tính content nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Kế thừa: no
Phiên bản: CSS2
Cú pháp JavaScript: object.style.content="url(beep.wav)"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0