Borders áp dụng màu phông chữ trong CSS

Question

Là người mới bắt đầu CSS, tôi nhận thấy rằng nếu bạn không khai báo màu đường viền dưới dạng viết tắt, nhưng trước khi bạn khai báo màu phông chữ, màu đó cũng sẽ áp dụng cho ví dụ cũ.

#crazyElement {color:red; border:1px solid;} 

cả hai sẽ có màu đỏ. Hơn nữa, nếu bạn khai báo màu phông chữ cho phần thân, mỗi đường viền không có màu được khai báo trong biểu mẫu viết tắt cũng sẽ áp dụng màu đó.

Điều này có bình thường không? Có lẽ nó không có gì đặc biệt, nhưng như một người mới tôi chỉ muốn kiểm tra ...

Answer 1

Đó là điều bình thường, và một cách hoàn hảo inline với specification

Nếu màu biên giới của một nguyên tố không được xác định với một tài sản biên giới, đại lý người dùng phải sử dụng giá trị của thuộc tính 'color' của phần tử làm giá trị được tính cho màu đường viền.

qua @BoltClock CSS3 Spec. và currentColor đó là cách nó được định nghĩa.

Answer 2

Từ specs:

Khách sạn này mô tả các màu foreground của văn bản nội dung của một nguyên tố. Ngoài ra, nó được sử dụng để cung cấp một giá trị gián tiếp tiềm năng (currentColor) cho bất kỳ thuộc tính nào khác chấp nhận các giá trị màu. Nếu từ khóa ‘currentColor’ được đặt trên chính thuộc tính ‘color’, thì được coi là ‘màu sắc: kế thừa’.

Vì vậy, có, điều đó là bình thường.

Answer 3

Một số thuộc tính nhất định trong CSS được tự động kế thừa.

Dưới đây là danh sách: http://www.w3.org/TR/CSS21/propidx.html