Thuộc tính resize

Định nghĩa và sử dụng “::selection” chọn phần tử được người dùng chọn. Cấu trúc ::selection { property: value; } ::-moz-selection{ property: value; } Ví dụ Html viết: <html> <head></head> <body> <p>Hãy chọn một đoạn text để thấy hiệu ứng</p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Hãy chọn một đoạn text […]

Định nghĩa và sử dụng Thuộc tính background trong css3 dùng để định dạng các dạng background ngoài dạng đã được định nghĩa ở css2. Cấu trúc tag { thuộc tính background: giá trị; } Thuộc tính: Thuộc tính giá trị Mô tả background-clip padding-box Xác định vùng background được cắt bớt, giới hạn lại theo […]

Định nghĩa và sử dụng “:target” sử dụng trong liên kết anchor name (link neo). Cấu trúc :target{ property: value; } Ví dụ Html viết: <html> <head></head> <body> <p><a href=”#anchor01″>link anchor 01</a></p> <p><a href=”#anchor02″>link anchor 02</a></p> <p id=”anchor01″>Anchor 01</p> <p id=”anchor02″>Anchor 02</p> </body> </html> Hiển thị trình duyệt khi chưa có CSS: link anchor 01 […]

Định nghĩa và sử dụng “[attribute*=value]” Chọn tất cả thành phần với thuộc tính có giá trị đặc biệt bằng “value”. Giá trị đặc biệt bằng “value” có thể là: value abcvalue abc-value abc_value abc-value-def abc_value_def value-abc value_abc valueabc value-abc value_abc Ghi chú: Màu xanh là màu được chọn. Cấu trúc [attribute*=value] { property: value; } […]

Định nghĩa và sử dụng Thuộc tính animation xác định một chuyển động của một tag hay một hình ảnh, là sự tổng hợp của các thuộc tính: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction. Cấu trúc tag { animation: giá trị; -moz-animation: giá trị; -webkit-animation: giá trị; -o-animation: giá trị; } Trong đó: -moz-animation hỗ […]

Định nghĩa và sử dụng “:root” chọn thành phần gốc của văn bản. Trong văn bản HTML thành phần gốc luôn luôn là html Cấu trúc :root { property: value; } Ví dụ Html viết: <html> <head></head> <body> <p>Thành phần p</p> <div>Thành phần div</div> </body> </html> Hiển thị trình duyệt khi chưa có CSS: Thành […]