Thuộc tính kích thước khối CSS
Ví dụ
Đặt kích thước của phần tử <div> theo hướng khối:
div {
block-size: 200px;
}
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính block-size
chỉ định kích thước của một phần tử theo hướng khối.
Lưu ý: writing-mode
thuộc tính CSS liên quan xác định hướng khối và điều này ảnh hưởng đến kết quả của thuộc tính block-size
. Đối với các trang bằng tiếng Anh, hướng khối là hướng xuống và hướng nội tuyến là từ trái sang phải.
Các thuộc tính block-size
và inline-size
của CSS rất giống với các thuộc tính width
và height
của thuộc tính CSS, nhưng các thuộc tính block-size
và inline-size
phụ thuộc vào hướng khối và nội tuyến.
Giá trị mặc định: | tự động |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | Đúng. Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.blockSize="100px" Hãy dùng thử |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
block-size | 57.0 | 79.0 | 41.0 | 12.1 | 44.0 |
Cú pháp CSS
inset-block: auto| value |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
auto | Default. The element's default block-size value. | Demo ❯ |
length | Specifies block-size in px, pt, cm, etc. Read about length units | Demo ❯ |
% | Specifies block-size in percent relative to size of parent element on the corresponding axis. | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Thêm ví dụ
Ví dụ
Với giá trị thuộc tính writing-mode
của phần tử <div> được đặt thành 'vertical-rl', hướng khối được di chuyển từ dưới lên sang ngang và điều này thay đổi hướng hoạt động của thuộc tính block-size:
div {
block-size: 250px;
writing-mode: vertical-rl;
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Chiều cao và chiều rộng CSS
Hướng dẫn CSS: Mô hình CSS Box
Tham chiếu CSS: thuộc tính chiều cao
Tham chiếu CSS: thuộc tính chiều rộng
Tham khảo CSS: thuộc tính chế độ viết