Chiều cao - Thủ thuật CSS

Các heightbất động sản trong CSS định nghĩa quy định cụ thể chiều cao nội dung của hộp và chấp nhận bất kỳ giá trị chiều dài.

Vùng "nội dung" được định nghĩa là phần đệm và đường viền ngoài chiều cao / chiều rộng hoặc kích thước mà bản thân nội dung chiếm giữ.

Các giá trị âm như height: -100pxkhông được chấp nhận. Các heightbất động sản không áp dụng cho các yếu tố phi thay thế nội tuyến bao gồm các cột bảng và các nhóm cột.

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )

Kiểm tra cây bút này!

Nếu chiều cao của khối chứa không được chỉ định rõ ràng và phần tử không được định vị tuyệt đối, giá trị chiều cao của nó sẽ tính thành tự động (nó sẽ cao bằng nội dung bên trong hoặc bằng 0 nếu không có nội dung). Nếu phần nội dung phần tử yêu cầu nhiều không gian theo chiều dọc hơn giá trị được chỉ định, thì hành vi của phần tử sẽ được thuộc overflowtính xác định .

Khi sử dụng từ khóa auto, heightđược tính toán dựa trên khu vực nội dung phần tử trừ khi được chỉ định rõ ràng. Điều này có nghĩa là giá trị dựa trên tỷ lệ phần trăm vẫn là giá trị của khu vực nội dung phần tử. Tương tự, nếu chiều cao của vùng chứa được đặt thành giá trị phần trăm, chiều cao phần trăm của phần tử con vẫn dựa trên khu vực nội dung của phần tử con đó.

Chiều cao cũng có thể được sử dụng như một thuộc tính hoạt hình.