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

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

特別企画

一覧

    人気記事

    一覧

    イチオシ記事

    新着記事

    映画用フィルムの色彩を再現した35mmフィルムを数量限定発売- ロモジャパン
    [18:16 7/22] クリエイティブ
    【レポート】人気自動車ブランドの"MINI"を擬人化させたユニークなWeb動画公開
    [18:09 7/22] クリエイティブ
    WOWOWの夏フェス特設サイトにSNS連携ツールの「Wayin Hub」を採用
    [17:44 7/22] エンタープライズ
    神奈川県横浜市で参加無料「ピノ アーモンド味」のつかみ取りイベント開催
    [17:41 7/22] 旅行
    [西島秀俊]「海に行きたい芸能人」でダントツ 女性部門はガッキ-
    [17:39 7/22] エンタメ

    特別企画

    一覧

      求人情報