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

ニュース
トップ

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

後藤大地  [2009/07/17]

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など最新のブラウザではすでに試せるようになっている。

関連したタグ


転職ノウハウ

あなたの仕事適性診断
あなたの仕事適性診断

4つの診断で、自分の適性を見つめなおそう!

Heroes File ~挑戦者たち~
Heroes File ~挑戦者たち~

働くこと・挑戦し続けることへの思いを綴ったインタビュー

はじめての転職診断
はじめての転職診断

あなたにピッタリのアドバイスを読むことができます。

転職Q&A
転職Q&A

転職に必要な情報が収集できます

ドS美人面接官 vs モテたいエンジニア
ドS美人面接官 vs モテたいエンジニア

入室しようとしたら、マサカリ投げられちゃいました!?

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    【レポート】東京都板橋区の銭湯はシルキー風呂と炭酸泉風呂がダブルで楽しめる!
    [06:00 4/2] 旅行
    市原隼人『極道大戦争』主題歌は"神戸の暴れ猿"バンド! 三池監督も一発OK
    [05:00 4/2] エンタメ
    小嶋陽菜、史上初の快挙! 5.4万部売り上げ、ソロ写真集で2度目の総合1位に
    [04:00 4/2] エンタメ
    福島、廃炉へ冠水など3工法検討 - 最難関の溶融燃料取り出し
    [02:00 4/2] 共同通信
    山口智子、夫・唐沢寿明との円満の秘訣は「毎晩手をつないで寝る」
    [00:20 4/2] エンタメ

    特別企画

    一覧

      求人情報