[CSS]CSS3グラデーションの表示サンプルと指定方法のまとめ
現在、Firefox, Safari, Chromeで利用できるCSS3グラデーションの表示サンプルと指定方法のまとめをDynamic Driveから紹介します。 CSS Library:CSS3 Linear Gradients 下記は各ポイントをピックアップしたものです。 CSS3グラデーションの基礎知識 CSS3グラデーションをサポートしているブラウザは現在のところ、下記の三つです。 Firefox 3.6+ Safari 2+ Chrome CSS3グラデーションの対応エレメントは、下記の二つです。 background background-image CSS3グラデーションの指定方法はmoz系（Firefox）とwebkit系（Safari, Chrome）で異なり、下記のようになります。 moz系
CSS Hack for Safari | コリス
Safari のCSS Hackのまとめです。 Safari 3の検証には、2007年6月11日にリリースされた「Safari 3 ベータ版 for Windows XP」を使用しています。 ※Safari 3の正式版は、2007年10月にリリース予定です。 html*element sign after a semi-colon html:¥66irst-child html* box brackets html* underscore @media all body:last-child:not(:root:root) html[xmlns*=""] body:last-child body:first-of-type -webkit-min-device-pixel-ratio:0 /**/ html* 下記の10個のうち、Safari 3のみ有効だったのはbody:first-of
safari用のCSSハック − ミモザガーデン
safariは専用に振り分ける必要が少ないブラウザですが、案件によっては、とっても繊細な設定が必要な場合があって、ハックのお世話になることもあります。 まとめ記事はBLOG × WORLD ENDINGさんが素晴らしいです。CSSハックにあります。 個別指定はこんな感じです。 html[xmlns*=""] body:last-child .class名 { safari用個別設定} Safariはフォントのデフォルトサイズが大きめなので、13pxくらいが標準に近い感じです。%であわせるなら、88%にするとそうなるようです。でも、Safariはpxで書いたcssでも、ブラウザの機能でフォントが大きくなるので、より他のブラウザに近い13pxで書いても問題ないと思います。 /* safari only ¥*/ html:¥66irst-child body { font-size:88%; }
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
