CSS3 セレクタ チートシート
以前、CSS3 セレクタをまとめたエントリーを 3回にわたって上げましたが、それらをまとめる意味で CSS3 セレクタのチートシートを作ってみました。 本当は、サンプルソースとか、セレクタに関する説明とか色々入れようと思ったんですけど、A4 サイズ 1枚にまとめるのはスペース的に不可能だったので、単純な CSS3 セレクタ一覧になっちゃいました。残念。 CSS3 セレクタチートシート （PDF） ※PDF ファイルは URI が変わる可能性がありますので、ブクマする際はできればこのエントリーにして頂いた方が安全です。 今回、チートシートのフォーマットは、Microformats Cheat Sheet を参考に作らせてもらいました。右サイドに IE7、IE6、Firefox、Opera、Safari それぞれでの各セレクタ対応状況を簡単にまとめてあります。 なお、対応状況のチェックには、c
hxxk.jp - IE 7 正式版を含む各種ブラウザの CSS Selectors testsuite の検証結果のまとめ
記事データ 投稿者 望月真琴 投稿日時 2006-10-20T03:57+09:00 タグ CSS Firefox IE Opera まとめ 概要 IE 7 の正式版がリリースされたので、 CSS Selectors testsuite の IE 6 と IE 7 と Firefox 1.5.0.7 と Opera 9.02 での検証結果をまとめてみました。 リプライ 4 件のリプライがあります。 IE 7 の正式版が出たので CSS Selectors testsuite でチェックしてみた IE 7 の正式版がリリースされたので、かねてから便利だと思っていた、 Lucky bag::blog: 使用中のブラウザの CSS セレクタ対応状況をチェックできる CSS Selectors testsuite で紹介されていた CSS Selectors testsuite - CSS3 .
Lucky bag::blog: 使用中のブラウザの CSS セレクタ対応状況をチェックできる CSS Selectors testsuite
タイトル長っ！ まぁ、そのまんまなのだけれども、今使用しているブラウザが、CSSのセレクタ（CSS3も含む）にどれくらい対応しているかチェックできる CSS Selectors testsuite - CSS3 . info が便利っぽい。 Start testing... をクリックでチェックが開始され、各セレクタの結果が緑色であれば対応、赤色であれば未対応ってな寸法。ただ、ひとつのセレクタに複数のテストを行うんで、そのうちのひとつでも引っかかると failed になっちゃう。 上記画面は、IE7 RC1 でのチェック結果だけど、対応しているはずの属性セレクタで failed となる。セレクタ名の部分をクリックすると、どういったテストが行われて、結果がどうなっているのかソースを確認できるんだけど、どうやら属性が空の場合や属性の記述が不完全の場に、IE7 はうまくパースできないみたい。ちな
CSS3 Selectors Test - CSS3 . Info
Is your browser compatible? After starting the testsuite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each selector to see the results, including a small example and explaination for each of tests. Because it i
border-radius - 徒委記
border-radius W3C CSS3草案border-radiusborder-top-right-radiusborder-bottom-right-radiusborder-bottom-left-radiusborder-top-left-radius Mozilla独自拡張-moz-border-radius-moz-border-radius-topright-moz-border-radius-bottomright-moz-border-radius-bottomleft-moz-border-radius-topleft 相違点 boxの角を丸くするCSSプロパティについてのまとめ。(W3CによるCSS草案とMozilla独自拡張) W3C CSS3草案 開発中のWebkit(Safariで使用されるHTMLレンダリングエンジン)が対応。 19. The 'bord
hxxk.jp - content プロパティに関するいくつかのメモ
content プロパティに関するいくつかのメモ http://hxxk.jp/2006/03/16/2359 前の記事 : Transitional DTD じゃダメなのかなあ 次の記事 : 春のツアーに出かけます 記事データ 投稿者 望月真琴 投稿日時 2006-03-16T23:59+09:00 タグ CSS hxxk IRC Safari アソシエイト バグ メモ 仕様 実践 Web Standards Design 概要 content プロパティに attr(X) 形式で HTML の属性値を指定する記述方法のメモと、 CSS3 のセレクタ関連の Last Call で示されている擬似要素の記述方法と、 Safari における content プロパティのバグや対応状況についてのメモ。 リプライ リプライはまだありません。 content プロパティに、任意の文字列と HTML
半角文字で構成したリンクテキストが、それを置いているDivやテーブルで設定しているwidthの幅よりも長くなった場合、折り返されずに領域をはみ出して一行で表示…
半角文字で構成したリンクテキストが、それを置いているDivやテーブルで設定しているwidthの幅よりも長くなった場合、折り返されずに領域をはみ出して一行で表示されてしまいます。 ↓このように、URLのリンクテキストを表現したいと思っているのですが、何とかdivタグの中で、設定した横幅の中で折り返して表示する方法はありませんでしょうか？ <div style="width:50px;background-color:#AAA;"><a href="http://www.hatena.ne.jp/">http://www.hatena.ne.jp/</a></div> ↓このように、全角文字のみで構成したリンクテキストと同じように、半角文字のリンクテキストでも、50pxの領域内で折返して表示されるようにしたいです。 <div style="width:50px;background-color
CSS selectors: basic browser support | l–c–n.com
These charts compare basic support for the various selectors, pseudo-classes and pseudo-elements defined in the CSS Selectors module. When a selector is flagged as supported, this only means: the UA reacts to the selector in a way that is compatible with the specifications (rephrased: take these results with the proverbial grain of salt). I've followed the selector notation and grouping used by th
CSS3 Multi-Column Thriller | Blog archives | Stuff & Nonsense, Wales, UK
Malarkey is Andy Clarke, a creative designer with a passion for accessibility and web standards. This is his personal website. Mickey Spillane, Frank Miller, Hakon Wium Lie: Three of my favourite thriller writers. No really, because alongside Spillane’s ’My Gun Is Quick’ and Miller’s ’The Hard Goodbye’, another thriller hit the book stores web just in time for Christmas; Lie’s CSS3 module: Multi-c
2005年11月21日の日記 - 氾濫原
洗濯機ってエスで lavmaŝin/o なんだってさ。洗うが lav/i ですよ。ラヴィ！ やっぱこう、洗濯機パワーをひしひしと感じる。 トップ language knabino de lavmaŝino トップ thinking knabino de lavmaŝino だいたい決まった構造の HTML を書くようになってきたので、俺の場合を紹介してみる。body 以下を書く。 body (div#all) h1#top a div.section#navigation h2 (p#skip-to-main-content) a map ul li#navigation-home a 以下似たようなのが続く div.section#content div.section h2 内容 以下似たような（ｒｙ div.section#footer address おおむね上のような感じ。ってい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://asizuka.bent.jp/seukera/index.cgi/opera/css3.html