Ví dụ về thuộc tính font
Ví dụ về background
Ví dụ về thuộc tính border
Ví dụ về thuộc tính display
- display: block - Hiển thị dạng khối
- display: inline - Hiển thị dạng nội tuyến
- display: inline-block - Hiển thị dạng khối nội tuyến
- display: inline-table - Hiển thị dạng bảng nội tuyến
- display: list-item - Hiển thị dạng danh sách
- display: none - Không hiển thị
- display: table - Hiển thị dạng bảng
- display: table-caption - Hiển thị dạng chú thích của bảng
- display: table-cell - Hiển thị dạng phần tử của bảng
- display: table-column - Hiển thị dạng cột của bảng
- display: table-column-group - Hiển thị dạng nhóm nhiều cột của bảng
- display: table-footer-group - Hiển thị dạng phần cuối của bảng
- display: table-header-group - Hiển thị dạng phần đầu của bảng
- display: table-row - Hiển thị dạng hàng của bảng
- display: table-row-group - Hiển thị dạng nhóm nhiều hàng của bảng
Ví dụ về thuộc tính text-align
Ví dụ về thuộc tính vertical-align
- vertical-align - Sắp xếp thành phần theo chiều dọc
- vertical-align: baseline - Sắp xếp thành phần theo cùng đường cơ bản
- vertical-align: sub - Sắp xếp thành phần giống như sử dụng subscript
- vertical-align: super - Sắp xếp thành phần giống như sử dụng superscript
- vertical-align: top - Sắp xếp thành phần theo phần trên cùng cao nhất
- vertical-align: text-top - Sắp xếp thành phần theo phần trên cùng cao nhất của text
- vertical-align: middle - Thành phần canh giữa theo chiều dọc
- vertical-align: bottom - Sắp xếp thành phần theo phần dưới cùng thấp nhất
- vertical-align: text-bottom - Sắp xếp thành phần theo phần dưới cùng thấp nhất của text
Ví dụ về thuộc tính list-style
Ví dụ về thuộc tính margin
Ví dụ về thuộc tính padding
Ví dụ về thuộc tính float
Ví dụ về thuộc tính overflow
Ví dụ về thuộc tính position
Ví dụ về thuộc tính z-index
Ví dụ về thuộc tính content
- content: "thêm text" - Thêm nội dung cho thành phần
- content: attr(alt) - Thêm nội dung thông qua thuộc tính attr
- content: open-quote - Thêm dấu ngoặc mở vào thành phần
- content: close-quote - Thêm dấu ngoặc đóng vào thành phần
- content: no-open-quote - Bỏ dấu ngoặc mở của thành phần.
- content: no-close-quote - Bỏ dấu ngoặc đóng của thành phần