CSS 3の"カンニングペーパ"

 

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY.

Smashing MagazineにおいてHTML 5のタグとその簡単な説明、HTML 4とHTML 5でのサポート状況、その属性がまとめられたHTML 5チートシートが公開された。チートシートそのものはChris Hanscom氏が作成したもの。HTML 5チートシートを紹介したSmashing Magazineの記事には、CSS 3で同じものを用意してくれないかというコメントが多数寄せられている。これを受けてSmashing MagazineではChris Hanscom氏にお願いして、CSS 3版のチートシートも作成してもらったとして、新しくCSS 3チートシート紹介記事を掲載している。

CSS 3チートシートには、CSS 3で使えるすべてのプロパティとセレクタタイプ、単位、指定できる値や説明、サンプルなどがまとめられている。プロパティではレギュラーフォントで記載されたものはそのまま指定する値、イタリックで記載されたものは指定する値の型となる。項目はそれぞれセクションに分類されている。用意されているセクションは次のとおり。

Cascading Style Sheets 3 Cheat Sheet from Smashing Magazine, by Chris Hanscom

  • バックグラウンド
  • ボーダー
  • フォント
  • ボックスモデル
  • テキスト
  • カラム
  • カラー
  • テンプレートレイアウト
  • テーブル
  • スピーチ
  • リストおよびマーカ
  • アニメーション
  • トランジッション
  • グリッドポジション
  • アウトライン
  • 3D / 2Dトランスフォーム
  • ジェネレートコンテンツ
  • ラインボックス
  • ハイパーリンク
  • ポジショニング
  • ルビ
  • ページメディア
  • UI
  • 擬似クラス
  • 擬似要素
  • 単位(絶対寸法、相対寸法、角度、時間、周波数、カラー)

CSS 3はIEでは使えない。Firefox 3.5、Safari 3以降、Opera 9.6、Chromeなど最新のブラウザではすでに試せるようになっている。



転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

Windowsスマートチューニング 第406回 Win 10編: Anniversary Update適用後に起きるWebカメラの不具合を回避する
[19:15 8/24] パソコン
メルセデス・ベンツ、新型「CLA」「CLA シューティングブレーク」販売開始
[18:56 8/24] ホビー
ローランド、30種以上の新製品を発表するオンラインフェスティバルを開催
[18:55 8/24] スマホとデジタル家電
ウィル・スミス、マーゴット・ロビーへの思い大胆告白「ずっと共演してもいい」
[18:51 8/24] エンタメ
メルセデス・ベンツ、新型「CLA」を発表 - 全モデルAndroid Autoに対応
[18:50 8/24] テクノロジー

求人情報