Re: 專為中文（漢字）網頁加入的CSS屬性——底線跳脫

再頂老系列文《專為中文（漢字）網頁加入的CSS屬性——底線跳脫》：
http://lists.w3.org/Archives/Public/public-html-ig-zh/2011Mar/thread#msg141

(11/03/06 3:40), Kang-Hao (Kenny) Lu wrote:
> 我想補充一下，現在 的草案已經因為這個議題，在文字修飾[4]那個部份加入了以
> 下敘述（編輯們選擇的解法）：
>
> [[The UA should place the start and end of the line inwards from the
> content edge of the decorating element so that, e.g. two underlined
> elements side-by-side do not appear to have a single underline. (This is
> important in Chinese, where underlining is a form of punctuation.) ]]
>
> （CSS引擎應該將文字修飾的線畫在被裝飾元素內容邊的裡面，舉例還說相連的底
> 線不會被當成是單一底線（中文把底線當成一種標點符號，所以這在中 文很重要））
>
> 也就是說跟老貓的意見相同。不過別忘記網頁上的超連結的底線也是用 CSS 引擎
> 畫的，所以儘管是比如說 0.01 em 好了，我還是有點難想像世界上的*所有*超連
> 結的底線都因為這個新建議縮短了 xdd 。另外因為瀏覽器已經把底線元素的內容
> 邊畫滿很久了，說不定也有某網頁是假設相連的底線是被當成單一底線的、、、
>
> [4] http://www.w3.org/TR/2011/WD-css3-text-20110215/#decoration

跟大家報告一下狀況，目前已經因為上述理由，所以這個功能在四個月前（也就是
這串文一個一個月後）又變成回  CSS 屬性的值 'text-decoration-skip:
edges'[1]，我只能說這個名字比我當初想的 'text-decoration-skip:
decoration-boundary' 好太多了 xdd。

[1]
http://dev.w3.org/cvsweb/~checkout~/csswg/css3-text/Overview.html?rev=1.181;content-type=text%2Fhtml#text-decoration-skip0

所以說標準的發展中，向後兼容還是蠻重要的，多一個值好處其實很多，比如說使
用者代理（UA，瀏覽器或是電子書閱讀器）可以自行決定要不要在預設 CSS 裡面放：

a { text-decoration-skip: edges; }

或者是

a:lang(zh) { text-decoration-skip: edges; }

之類的。而可以決定要不要破壞向後兼容。（把問題丟給瀏覽器 xdd）

(11/03/05 14:25), Ethan Chen wrote:
> 在 2011/3/5 上午9:31 時， pingooo 寫到：
>> 這個問題在傳統排版世界一定碰到過，請問解法是什麼呢？有大大知道可以解惑嗎？
> 好像就是用「細小空白」來處理，InDesign還有設置插入各種不同寬度空白的選項。

我後來找到一個真實案例，從我媽當家教用的數學參考書找到的→[2]
用我不甚靈敏的眼睛看起來「國」跟「倫」之間的確有一個不自然的空白，我想那
應該不是最好的解法而是軟體的限制。

不過之前也有好像是底線縮短的圖[3]，目前還不知道那個到底是怎麼做出來的。

[2]
https://lh3.googleusercontent.com/-h_ovw-u-mvk/Tl9I0eUCn0I/AAAAAAAAAIU/Qn_nYBqXaiY/s800/2011-08-12%25252008.33.55.jpg
[3] http://www.go8.com.tw/files/4168%200004.jpg


(11/03/05 14:40), Ethan Chen wrote:
> 下面的圖1是Yahoo!輸入法的斷詞底線，字間沒有空白，剛好是我希望的最佳狀
> 況。好像沒有您說的「不對齊」的問題啊。

Mac Lion 的輸入法也是這種情形→[4][5][6]
用這個輸入法當按 Enter 確認選字時候字沒有挪移的現象，所以的確字跟字之間
沒有多餘的空白，只是底線變短而已，我跟 Ethan 一樣覺得這是最好的結果，目
前規範上寫的 'text-decoration-skip: edges' 的行為也是這樣。而且這些輸入
法證明這個概念是可以實作的。

另外，你會發現到 TextEdit 跟 Safari 既有的底線跟輸入法的底線的畫法、位置
都少許不同。這跟文字編輯器裡面的底線跟 CSS 的 text-decoration 很不一樣這
件事有關，這有空再說明。

[4]
https://lh6.googleusercontent.com/-TEfftH-t3yc/Tl9JcJW6dRI/AAAAAAAAAIg/vmYAgsBtYf8/s800/mac_lion_chinese_ime.png
[5]
https://lh6.googleusercontent.com/-thO3asAp0Tw/Tl9Wzt-g_hI/AAAAAAAAAI8/uuL72Oj6ees/s800/mac_lion_chinese_ime_vs_underline.png
[6]
https://lh4.googleusercontent.com/-1BzWjnFuQpA/Tl9jS15Z4SI/AAAAAAAAAJk/o0X8A7Zqv80/s800/mac_lion_chinese_ime_vs_browser_underline.png

(11/03/06 4:29), John Hax wrote:
> 我建议可考虑支持类似border-clip属性（http://dev.w3.org/csswg/css4-
> background/#the-border-clip-properties）
>
> text-decoration-clip: 0 1px 1fr 1px

個人感覺這太雞勒了，'text-decoration-clip' 除了 '0 1px 1fr 1px' 這個值以
外現實上還有那個值是會用到的嗎？老實說我覺得 'border-clip' 也是個雞勒，
要比較好看的邊框幹嘛不用 'border-image'？給我一些真實圖片大概就能說服我
了。。。



此致

呂 康豪（Kenny）, 中文興趣小組W3C連絡人
Google+: https://plus.google.com/112088462407783855918/posts
新浪微博: http://t.sina.com.cn/1950042164

Received on Thursday, 1 September 2011 11:34:21 UTC