:after | CSS | Học Web Chuẩn

Trang chủ » Sử Dụng After Trong Html » :after | CSS | Học Web Chuẩn

Có thể bạn quan tâm

:after
  • Trang chủ
  • Tham khảo
  • CSS
  • :after

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

":after" thêm nội dung ngay phía sau thành phần.

Cấu trúc

tag:after { property : value; }

Ví dụ

HTML viết:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> </head> <body> <p>Học web chuẩn</p> </div> </body> </html>

Hiển thị trình duyệt khi chưa có CSS:

Học web chuẩn

CSS viết:

p:after { content: " - kiến thức nhỏ cho web hiện đại."; }

Sử dụng cùng với thuộc tính content để xác định nội dung thêm vào.

Hiển thị trình duyệt khi đã có CSS:

Học web chuẩn

Trình duyệt hỗ trợ

  • Internet Explorer
  • Firefox
  • Opera
  • Google Chrome
  • Safari

":after" được hỗ trợ trong đa số các trình duyệt.

Ghi chú: Cần khai báo <!DOCTYPE> cho các trình duyệt IE8 trở xuống.

Link liên quan

  • HTML/XHTML
  • CSS
  • content
  • <html></html>
  • <head></head>
  • <body></body>
  • <p>

:active

:before

CSS

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

Bộ chọn CSS

  • *
  • tag
  • tag01 tag02
  • tag01,tag02
  • tag01+tag02
  • tag01>tag02
  • .class
  • #id
  • :active
  • :after
  • :before
  • :first-child
  • :first-letter
  • :first-line
  • :focus
  • :hover
  • :lang(ngôn ngữ)
  • :link
  • :visited
  • [Thuộc tính]
  • [Thuộc tính|=ngôn ngữ]
  • [thuộc tính~=giá trị]
  • [thuộc tính=giá trị]

Tham khảo CSS

  • CSS - Tham khảo
  • CSS - Bộ chọn (selectors)
  • CSS - Thuộc tính
  • CSS3 - Tham khảo
  • CSS3 - Bộ chọn (selectors)
  • CSS3 - Thuộc tính
  • Xem thêm ví dụ về CSS

Tham khảo HTML/XHTML

  • Tham khảo HTML/XHTML
  • Tag theo function
  • Tag theo giá trị DTD
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Xem thêm ví dụ về HTML

Tham khảo JQUERY

  • jQuery - Tham khảo
  • jQuery - Cài đặt và sử dụng
  • jQuery - Bộ chọn (selectors)
  • jQuery - Hàm (function)
  • jQuery - Ajax

Tham khảo Thêm

  • Lang codes
  • Font chữ
  • Mã ký tự
  • MIME
  • Đơn vị trong HTML & CSS
  • Giá trị màu trong HTML & CSS
  • Thuộc tính tổng quát

CHUYÊN ĐỀ

  • Chuyên đề
  • Chuyên đề HTML/CSS
  • Chuyên đề HTML5/CSS3
  • Chuyên đề jQuery/JS
  • jQuery/JS plugin

GÓP Ý - LIÊN HỆ

  • BẠN SẼ TÀI TRỢ?DONATE
  • CÔNG CỤ TẠO CSS3CSS3 GENERATOR
  • BỘ CÔNG CỤGENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢWEB TOOLS
  • CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAYWEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Từ khóa » Sử Dụng After Trong Html