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 モテたいエンジニア

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

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    194センチの“PK職人”西垣拓海が活躍…東海大翔洋が東海大対決制す
    [17:10 8/2] ライフ
    [Berryz工房]来春、無期限活動休止へ ももち所属のアイドルグループ
    [17:01 8/2] エンタメ
    御殿場高原ビール、軽やかなホップの香りのビール「ヘレス」を期間限定販売
    [17:00 8/2] ライフ
    【レポート】MacとiPadの悦楽生活50 #EtsuMac50 - 08 古いアルバムを片っ端からデジタル化。帰省前に手に入れたい、小型のモバイルスキャナ
    [16:57 8/2] パソコン
    [新作ゲーム紹介]「Fate プリズマ☆イリヤ」 魔法少女の萌えるバトルアクション
    [16:30 8/2] ホビー

    特別企画

    一覧

      求人情報