Định dạng khung
Mô hình hộp CSS tổ chức nội dung, vùng đệm, viền và lề; mỗi phần có thuộc tính điều khiển riêng.
Hiểu bài
Mô hình hộp và định dạng khung
Phần tử HTML có thể hiển thị dạng khối hoặc nội tuyến; thuộc tính display thay đổi cách hiển thị. Khung của phần tử gồm vùng nội dung, vùng đệm padding, đường viền border và lề ngoài margin. width và height đặt kích thước cho phần tử dạng khối. Viền có các thuộc tính border-color, border-width, border-style; dạng viết gọn kết hợp ba giá trị, ví dụ border: 2px solid red. Các kiểu viền được nêu gồm none, solid, dotted, dashed, double, inset, outset, ridge, groove. Những thuộc tính khung này không có tính kế thừa.
Sơ đồ khung CSS cho phần tử HTML, với lớp ngoài là `margin`, tiếp đến `border`, `padding` và `Phần nội dung`, kèm mũi tên chỉ `width` và `height`. SGK trang 90