Css - Mở rộng tính viết tắt - là gì border-left-màu-LTR-source: vật lý

Question

Giới thiệu

Khi nhấp vào tab css trên Firebug, có một tùy chọn có sẵn được gọi là "Mở rộng Shorthand Thuộc tính "!

Một nguyên tắc css điển hình như sau:

border-left:2px solid #7FA100; 

..is chuyển đổi thành phiên bản "mở rộng" như vậy:

border-left-color-ltr-source:physical; 
border-left-color-rtl-source:physical; 
border-left-color-value:#7FA100; 
border-left-style-ltr-source:physical; 
border-left-style-rtl-source:physical; 
border-left-style-value:solid; 
border-left-width-ltr-source:physical; 
border-left-width-rtl-source:physical; 
border-left-width-value:2px; 

Vấn đề của tôi/câu hỏi

tôi làm việc trên một dự án mà nhà thiết kế giới thiệu các trang mẫu có chứa các quy tắc trong bản chất "được mở rộng" của họ trực tiếp.

1) Chúng có phải là quy tắc css thích hợp không?

2) Tất cả (hoặc bất kỳ trình duyệt nào) có nhận ra các quy tắc mở rộng này trực tiếp không?

Cảm ơn, dS

Answer 1

1. Không, thử nghiệm nó trong jsfiddle và nó wont work.
2. Tại sao lại quan trọng? Bạn có thực sự muốn viết mã của bạn như thế không?

Tôi nghĩ bạn và nhà thiết kế cần phải có một cuộc nói chuyện nghiêm túc về viết mã không cần thiết không thể duy trì và có thể không hoạt động trong một nửa trình duyệt.

Answer 2

Đây là đại diện bên trong của thuộc tính biên giới bình thường có thể là thanh công cụ dành cho nhà phát triển web + xem Trình theo dõi Dom.

Không có ý nghĩa quan trọng đối với tác giả CSS.