Định dạng khung
Mô hình khung CSS tổ chức nội dung, vùng đệm, viền và lề; mỗi phần có nhóm thuộc tính điều khiển riêng.
Hiểu bài
Mô hình khung CSS
Phần tử HTML có thể hiển thị theo dạng khối hoặc nội tuyến. Mô hình khung gồm phần nội dung, vùng đệm padding, đường viền border và lề ngoài margin. width và height đặt chiều rộng, chiều cao cho phần tử dạng khối. Các thuộc tính viền gồm border-color, border-width và border-style; kiểu viền có thể là solid, dotted, dashed, double, inset, outset, ridge hoặc groove. Thuộc tính rút gọn có thể viết border: 2px solid red;. Những thuộc tính khung này không được kế thừa. CSS còn có bộ chọn lớp và bộ chọn mã định danh để định dạng riêng các nhóm hoặc phần tử cụ thể.
Sơ đồ khung CSS minh họa phần nội dung, vùng đệm, khung, lề ngoài, cùng các nhãn chiều rộng và chiều cao. SGK trang 91