CSS3【覚書】
公開日:
:
覚書
ベンダープレフィックスの順序ではサポートプロパティを最後に記述しておくとよい
background-image:-moz-linear-gradient(#fff,#000,#999); /* Firefox */
background-image:-o-linear-gradient(#fff,#000,#999); /* Opera */
background-image:-webkit-linear-gradient(#fff,#000,#999); /* Chrome, Safari */
background-image:linear-gradient(#fff,#000,#999); /* サポートプロパティ */
ベンダープレフィックスが必要(全部)
gradient、transitions、transform、3D transforms、animation
ベンダープレフィックスが必要(-webkit-のみ)
box-shadow、border-radius
使える疑似クラス
:last-child /* 最後の子要素にのみ適用 */
:nth-child(odd) /* 奇数の子要素にのみ適用 */
:nth-of-type(odd) /* 奇数のカレント要素にのみ適用 */
oddは奇数。偶数の場合はeven、(3n+1)などの数式も記述可能。
縞々のテーブルを作る場合などに使用。
<例>
.stripedTable tr:nth-of-type(odd){
background-color: #f22222;
}
IE8以下には対応していない。
グラデーションジェネレーター
Ultimate CSS Gradient Generator
関連記事
-
iPhoneをPCに接続した時に出るダイアログ処理の覚書
iPhone4をPCに接続すると、毎度毎度起動アプリの選択画面が開かれる。ただ充電するためだけに繋
-
WordPress 全リンク切れの覚書
本ブログはレンタルブログではなく、WordPressというCMSを使用している。設定やメンテナンスが
-
コクシネロのホームページに、コクブロの更新情報を表示
本エントリーは若干ですが専門的な内容となっております。ご了承ください。 昨日、コクシネロの公式
-
OS再インストール 其の二
こんなスパンでOSのクリーンインストールをするとは思わなかった。 エラーも吐かずブルースクリー
-
ダウンロード失敗・ブルースクリーンにおける覚書
OS再インストールしてからというもの、以下二つの現象で悩まされていた。 ・ダウンロードがたびたび
-
VOBをMPEG2にする覚書
ブログ本来の使い方らしく、覚書。 DVDの中身のVOBファイルは、拡張子リネームしてやればmp
-
iPhone5でwifiが繋がらない時の覚書
先日からiPhone5のwifiが繋がりにくくなった。復旧できる手順を覚書として残しておきます。ただ
-
パーマリンク設定の覚書
ブログを模様替えした時にパーマリンクがおかしくなったので再設定を行った。パーマリンクはデリケートなシ
-
safariでiPhoneの表示を確認する覚書
safariのメニューバーから→[ユーザーエージェント]→[SafariOSx.xx - iPhon