タグ

ブックマーク / www.nk0206.com (2)

  • CSS2~3 ブラウザ対応状況 | A Day in the Life

    E > F 子セレクタ(CSS2) 直接の子要素にのみ適用。孫要素は非適用。 E + F 隣接セレクタ(CSS2) 親要素内で同列に存在する要素(兄弟関係の要素)で直後(隣接)に出現する弟要素に適用。 E ~ F 間接セレクタ(CSS3) 隣接セレクタでは直後に出現する弟要素のみに適用されるのに対し、間接セレクタは全ての弟要素に適用。 E[attr] 属性セレクタ(CSS2) 要素内で指定した属性を持つ要素に対して適用。 ex. div[id] { ... } id属性を持つdiv要素に適用される。 E[attr=val] 属性セレクタ(CSS2) 要素内で指定した属性と値が一致した要素に対して適用。 ex. div[id="foo"] { ... } id属性の値がfooのdiv要素に適用される。 E[attr~=val] 属性セレクタ(CSS2) 要素内で指定した属性に指定した値が含ま

    web-ma
    web-ma 2010/06/25
    ブラウザごとのCSSの対応状況。
  • CSS3のグラデーションを試してみる | A Day in the Life

    December 26, 2009 Firefox3.6のベータ版でCSS3のグラデーションが使えるようになりました。グラデーションには線形と円形がありますが、今回は線形のみを試して見ることにしました。 書式ですが、長くなりますがプロパティを一つ一つ追加して説明していくことにします。 線形グラデーションはlinearで指定します。Safari/Google Chrome用(以下webkit)は-webkit、Firefox3.6用(以下mozilla)は-mozとお決まりの書式になります。 background: -moz-linear-gradient(); background: -webkit-gradient(linear); グラデーションの開始位置と終了位置を追加します。上から下へのグラデーションの場合は次のような記述になります。webkitは2点を指定しますが、mozilla

    web-ma
    web-ma 2010/06/21
    CSS3のグラデーションについて。
  • 1