Tại sao Firebug thêm kiểu -moz- * khi kiểm tra CSS phần tử?

Question

Bất cứ khi nào tôi kiểm tra các yếu tố trang trong Firebug, tôi luôn luôn nhìn thấy nó thêm phong cách như ...

-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 

... vv, để hộp Style. tại sao nó làm vậy?

Answer 1

Nó không phải là Firebug thêm những quy tắc đó nhưng công cụ hiển thị Gecko. Chúng là một phần của "biểu định kiểu mặc định". (Kiểu mặc định mà một tác nhân cụ thể áp dụng trước khi phân tích các kiểu trên trang. Chúng có độ đặc hiệu là 0,0,0,0, về cơ bản có nghĩa là bất kỳ khai báo nào khác cùng quy tắc sẽ ghi đè mặc định.)

Vì bạn "Hiển thị User-Agent CSS" Đã kiểm tra trong cài đặt Firebug của bạn, Firebug hiển thị các quy tắc đó.

---

Từ Reference Mozilla Developer:

-moz-background-clip

Trong các ứng dụng Gecko dựa trên như Firefox tài sản -moz-background-clip CSS cho phéo nền của một nguyên tố, một trong hai màu sắc hoặc hình ảnh, mở rộng bên dưới của nó border

border: (ban đầu) Nền kéo dài đến outsi cạnh của biên giới (nhưng bên dưới đường viền theo thứ tự z).

đệm: Không có nền nào được vẽ bên dưới đường viền (nền kéo dài đến cạnh bên ngoài của phần đệm).

---

-moz-background-inline-policy

Trong các ứng dụng Gecko dựa trên như Firefox, tài sản -moz-background-inline-policy CSS quy định cách thức hình ảnh nền của một phần tử nội tuyến được xác định khi nội dung của phần tử nội tuyến kết thúc tốt đẹp vào nhiều dòng . Sự lựa chọn vị trí có tác động đáng kể đến sự lặp lại.

bounding-box: Hình nền được định vị (và lặp lại) trong hình chữ nhật nhỏ nhất chứa tất cả các hộp nội tuyến cho phần tử. Sau đó nó được cắt bớt để chỉ hiển thị trong các hộp đó, theo thuộc tính -moz-background-clip.

liên tục: (Ban đầu) Hình nền được định vị (và lặp lại) như hộp nội tuyến không bị vỡ trên các đường kẻ, và sau đó hình chữ nhật dài này được cắt thành từng miếng cho mỗi dòng.

mỗi hộp: Hình nền được định vị (và lặp lại) riêng cho mỗi hộp của phần tử nội tuyến. Điều này có nghĩa là một hình ảnh với background-repeat : no-repeat có thể được lặp lại nhiều lần.

---

-moz-background-origin

Trong các ứng dụng Mozilla như Firefox, -moz-background-origin thuộc tính CSS xác định khu vực định vị nền (nguồn gốc của một background-image).

border: Vị trí nền tương đối so với đường viền, vì vậy hình ảnh có thể nằm sau đường viền.

đệm: (Ban đầu) Vị trí nền tương đối so với phần đệm.

nội dung: Vị trí nền có liên quan đến nội dung.

Answer 2

Tôi tin rằng đó là tất cả những điều thiết kế nhỏ mà firebug thêm vào trang của bạn khi bạn đang sử dụng nó. Giống như thêm hộp màu xung quanh các phần tử mức khối, v.v.

Answer 3

Đó là thuộc tính CSS 3 và thử nghiệm. Vì các thuộc tính đó không phải là tiêu chuẩn, chúng sẽ thêm tiền tố đó.