2016-07-08 65 views
1

在CSS文本裝飾模塊級別3中,有text-decoration-skip。它做這樣的魔術: The word 「parapsychology」 underlined with descenders skipped. 這種表示據稱是通過使用text-decoration-skip: ink;產生的。對於網頁排版,如果下層不再通過原生下劃線,那將是非常棒的。如何使用CSS3 text-decoration-skip?

有一個在CSS-Tricks和最近也在MDN一個條目。在那裏,它說它「不在標準軌道上」。是對的嗎?該物業列於W3C Candidate Recommendation

如何使用text-decoration-skip?或?是否有旗幟啓用它?

+0

我想沒人能回答你什麼時候可以開始使用這個。 –

+0

關於*當*時,我希望對瀏覽器開發人員或社區貢獻者。關於* how *,我認爲有人可能會找到一種方法來使用它,即使它是例如實驗性瀏覽器或polyfill或任何有形的東西。 – dakab

回答

0

正如有人在這個問題的評論中所說的,沒有說什麼時候以及如何實施。

作爲參考和明確說明,the origin article of the picture you posted不是實際規格必然的樣子,而是Marcin Wichary在修補它時考慮的內容草案。所以不要犯這個錯誤,並認爲這個圖像是CSS3輸出的參考,因爲它在最終實現時可能看起來完全不同。

我也不能告訴你爲什麼MDN沒有把它列爲必須實現的功能,無論是開發團隊決定不執行它,還是他們錯過了它。但是,我可以告訴你,他們在說時是正確的。「此屬性尚未在任何現代瀏覽器中實現。」


至於瀏覽器的支持,注意到在CSS-技巧文章this comment,鏈接到folliowing圖像:

Netscape 3.7.7

它不僅有趣,因爲這是一個相當過時的瀏覽器(當然這並不是因爲某些CSS3規範而這樣做的,但可能是因爲它們具有相同的基本概念),但也因爲這可能是最終實現時屬性的外觀。

+0

感謝您的評估。我可能應該在OP中強調*「據稱」*,因爲我從未說過圖像顯示了實際輸出。即使它已經實現,那麼肯定會*會在瀏覽器之間渲染差異。 Netscape 3然而是一個非常好的發現。 ** iOS **現在自動執行此操作。 – dakab