CSS

CSSセレクタ4の字句解析器を書いた

CSS4 セレクタエンジンの事始めとして。字句解析の範囲では、CSS3 とそれほど変わらない。違いは Reference combinator で使う「/」と、セレクタの subject を指定する「!」くらい。 yonQuery/lexer.js at master · rikuba/yonQuery · GitHub デモ用のページ…

空要素に対するCSSの疑似要素(:before, :after)指定

CSS

次の例で、テキストボックスの前、あるいはテキストボックス内に「hoge」という文字列の疑似要素は挿入されない。 <style> input:before { content: "hoge"; } </style> <input> CSS 2.1の仕様書にあたる。 As their names indicate, the :before and :after pseudo-elements speci…

簡単な影付きborder

CSS

[CSS]borderプロパティを使用した華麗なる四つのエフェクト | コリス Liner Noteで使われている方法で、border-style: groove;で影付きのボーダーを作れる。> 普通のボーダー border-bottom: 1px solid #666; 影付きのボーダー border-bottom: 3px groove #c…