第5回 W3C CSS Module 仕様書もくもく会@東京 第8章ボックスモデルを読む

グッドパッチさんで。 読んだのはボックスモデルです。

tokyo-css-module-specs.connpass.com http://togetter.com/li/939225

デモなど

  • o_ti [8:33 PM]
    border-widthのキーワード指定、主要ブラウザではさほど違いはなさそう。
    https://jsfiddle.net/fvujhn00/

  • matori [8:34 PM]
    2009年に書いたやつ
    http://unformedbuilding.com/articles/border-style-ridge-groove-outset-inset/

  • o_ti [8:55 PM]
    https://jsfiddle.net/fvujhn00/1/
    全部ためしてないけど、Chromeだと border-style: grooveborder-color つかなくなってる

  • geckotang [8:56 PM]
    currentColorを使うようになってないのかな
    border-color: indigo; ならいけるね (edited)
    border-color: currentColor; はダメ

  • geckotang [8:58 PM]
    ridge inset outset groove は currentColorを使うようになってないね。

  • geckotang [9:04 PM]
    @o_ti: https://code.google.com/p/chromium/issues/detail?id=316559

  • matori [9:19 PM]
    できました https://jsfiddle.net/hLyvo3pc/1/

    yoshiko 匿名ブロックボックスって要素に囲われてないテキストとかに暗黙的に作られるものだと思うんですが、それに子ができることってあるんですかね・・・?

    たとえば、上記のDIV内の匿名ブロックボックスの子が、パーセント高さを解決するためにその包含ブロックの高さを知る必要がある場合、匿名ブロックボックスではなくDIVによって形成された包含ブロックの高さを使用する。

みなさんありがとうございました。