Tôi đang cố gắng hiểu sự khác biệt giữa -webkit-text-fill-color
và chỉ đơn giản là color
? Có sự khác biệt về chức năng nào không? Cho đến nay tôi có thể nói, chúng giống hệt nhau .. Có điều gì bạn có thể làm với một nhưng không phải cái kia?Sự khác biệt giữa "-webkit-text-fill-color" và "color"?
Trả lời
Từ WebKit blog:
text-fill-color
- Thuộc tính này cho phép bạn chỉ định một màu fill cho văn bản. Nếu không được đặt, thì thuộc tínhcolor
sẽ được sử dụng để thực hiện việc điền.
Vì vậy, có, chúng giống nhau, nhưng -webkit-text-fill-color
sẽ được ưu tiên hơn color
nếu hai giá trị khác nhau.
Tôi nghĩ rằng lý do cho việc này là bạn có thể chọn một màu khác nhau nếu bạn muốn khi sử dụng -webkit-text-stroke
, nhưng nó sẽ duyên dáng rơi trở lại color
nếu -webkit-text-stroke
không có sẵn (và do đó -webkit-text-fill-color
không phải là một trong hai). Có thể có trường hợp bạn sẽ kết thúc bằng văn bản không đọc được.
-webkit-text-fill-color
có thể được đặt thành transparent
cho phép bạn thực hiện một số điều thực sự thú vị trên văn bản, như đặt độ dốc ngang. Hãy xem ví dụ văn bản cầu vồng này: http://jsfiddle.net/DoubleYo/qGfzm/
Thật tuyệt vời. –
Điều này vẫn hoạt động khi bạn thay đổi '-webkit-text-fill-color' thành 'color'. –
+1 cho ví dụ. "Nó có nghĩa là gì?" :) –
- 1. Sự khác biệt giữa String.isEmpty() và String.equals ("")
- 2. Sự khác biệt giữa Color.red và Color.RED
- 3. Sự khác biệt giữa $ (...) và `...`
- 4. Sự khác biệt giữa. và #
- 5. Sự khác biệt giữa $ * và $ @
- 6. Sự khác biệt giữa ". +" Và ". +?"
- 7. Sự khác biệt giữa "**/* /" và "** /"?
- 8. Sự khác biệt giữa = và: =
- 9. Sự khác nhau giữa xterm-color & xterm-256color là gì?
- 10. Sự khác biệt về sự khác biệt giữa Matplotlib giữa Agg và Cairo
- 11. Sự khác biệt giữa Html.RenderAction và Html.Action
- 12. Sự khác biệt giữa cookie và phiên?
- 13. Sự khác biệt giữa '.' và "." trong java
- 14. Sự khác biệt giữa SimpleDB và S3
- 15. C++ - Sự khác biệt giữa (*). và ->?
- 16. Sự khác biệt giữa offsetHeight và clientHeight
- 17. Sự khác biệt giữa RDLC và SSRS
- 18. Sự khác biệt giữa "\ n" và Environment.NewLine
- 19. Sự khác biệt giữa qt và PyQt4
- 20. Sự khác biệt giữa AForge và OpenCV
- 21. Sự khác biệt giữa toFixed() và toPrecision()?
- 22. sự khác biệt giữa cacao và cocoatouch
- 23. Sự khác biệt giữa smtpClient.send() và smtpClient.SendAsync()?
- 24. Sự khác biệt giữa window.location.host và window.location.hostname
- 25. Sự khác biệt giữa DTLS và TLS
- 26. Sự khác biệt giữa Mealy và Moore
- 27. sự khác biệt giữa createRfcommSocketToServiceRecord và createRfcommSocket
- 28. Sự khác biệt giữa Arrays.sort() và Arrays.parallelSort()
- 29. sự khác biệt giữa orm và pdo
- 30. Sự khác biệt giữa nproc và ulimit?
Để thêm vào câu trả lời của bạn: '-webkit-text-fill-color' cho phép nhắm mục tiêu chỉ các trình duyệt dựa trên Webkit, trong khi' màu' có thể được sử dụng để nhắm mục tiêu phần còn lại. – fayerth
True, '-webkit-text-fill-color' dành riêng cho Webkit. Hơn nữa, thuộc tính màu mở rộng đến viền. Nếu bạn gán đường viền cho một phần tử có thuộc tính 'color' và không chỉ định màu đường viền, đường viền sẽ mặc định là thuộc tính' color'. – dangerChihuahua007
Tất nhiên nó là đặc trưng cho webkit, đó không thực sự là những gì đã được hỏi - vì cuối cùng 'text-fill-color' có thể được thêm vào bởi tất cả các trình duyệt khác. Tôi đã cố gắng để có được lý do về những gì bạn sẽ sử dụng nó cho, hoặc làm thế nào nó sẽ có lợi cho ai đó khi nó làm điều tương tự như một tài sản khác. Lý do của Andrew có vẻ hợp lý. –