2009-12-27 4 views
24

Khi tôi đang sử dụng Firebug trong "chế độ kiểm tra" và chuột di chuột qua phần tử bảng html, nội dung hiển thị của bảng của tôi được đánh dấu bằng màu xanh - giống như tất cả các yếu tố khác mà tôi đã xem bằng Firefox. Tuy nhiên, cũng có một khu vực ngay bên dưới bảng (qua hàng cuối cùng) được đánh dấu bằng màu vàng. Có ai biết điều đó tương ứng với? Tôi muốn tạo kiểu cho bảng để không gian là không phải được bàn vẽ lên.khi kiểm tra trang có con bọ lửa, khu vực màu vàng bên dưới phần tử được đánh dấu là gì?

Rất cám ơn cho bất kỳ cái nhìn sâu sắc

lara

Trả lời

24

Đó là giá trị margin. Kiểm tra nó theo phong cách thanh tra. Trong chế độ xem biểu định kiểu, bạn có thể truy xuất biểu định kiểu và dòng thiết lập đến từ đó và thay đổi nó.

+1

Tức là, 'bảng' có bộ lề dưới hoặc đệm dưới cùng. –

+0

Và nó là gì trong 1% còn lại? – Gumbo

+0

Tôi nghĩ rằng sự dịch chuyển gây ra bởi các giá trị 'position: relative' và' left'/'top' được phản ánh bởi màu sắc nhưng tôi có thể sai. –

5

Khu vực màu vàng biểu thị lề.

24

tôi không tìm thấy bất kỳ tài liệu bất cứ nơi nào, nhưng để tham khảo, tôi đã tìm thấy theo kinh nghiệm:

| Margin | Yellow  | 
| Border | Brown  | 
| Padding | Violet  | 
| Content | Light Blue | 

Cũng trong mô hình hộp W3C, chiều rộng và chiều cao của một phần tử mang lại độ rộng của nội dung của hộp, ngoại trừ lề, đường viền và đệm.