タグ

CSS3に関するkuroazukiのブックマーク (4)

  • 2/4 IE6~8でも一部のCSS3が使える!「CSS3 PIE」の使い方 [ホームページ作成] All About

    IE6~8でも一部のCSS3が使える!「CSS3 PIE」の使い方(2ページ目)IE6~8でも一部のCSS3プロパティが表示可能になる「CSS3 PIE」をご紹介。この「CSS3 PIE」を使えば、すべてのIE6~8ユーザに対して(一部の)CSS3プロパティを使ったデザインを見せることができます。ボックスの角を丸くしたり、ボックスに影を付けたり、背景色に透明度を付加したりするなど、CSS3で実現できるデザインを活用しているなら、それらを古いIEでも表示可能にしてみましょう。 「CSS3 PIE」とは、JavaScriptを使って古いIEでもCSS3の表示を可能にするもので、「PIE.htc」というファイル名(HTMLコンポーネントファイル形式)で配布されています。 このファイルを、IEの独自拡張であるbehaviorプロパティの値に指定すると、IE6~8でもCSS3プロパティを使ったデザイ

    2/4 IE6~8でも一部のCSS3が使える!「CSS3 PIE」の使い方 [ホームページ作成] All About
    kuroazuki
    kuroazuki 2013/04/11
    こいつは思った以上に使えるやつだった。IE用に画像とか用意するくらいなら目立つとこをコレでやった方がよいね~
  • CSS3リファレンス

    背景 background-clip …… 背景の適用範囲を指定する background-origin …… 背景の基準位置を指定する background-size …… 背景画像のサイズを指定する 角丸 border-radius …… 角丸をまとめて指定する border-top-left-radius …… 左上の角丸を指定する border-top-right-radius …… 右上の角丸を指定する border-bottom-left-radius …… 左下の角丸を指定する border-bottom-right-radius …… 右下の角丸を指定する 画像ボーダー border-image …… 画像ボーダーを指定する border-image-source …… 画像ボーダーに使用する画像ファイルを指定する border-image-slice …… ボーダー画像の

    kuroazuki
    kuroazuki 2011/09/27
    CSS3のリファレンスがCSS3的リッチさを感じさせないところが硬派だと思った
  • IE6〜8でCSS3セレクタ利用「Selectivizr」

    CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6~8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6~8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr

    IE6〜8でCSS3セレクタ利用「Selectivizr」
  • Firefox 4: CSS3 calc() – Mozilla Hacks - the Web developer blog

    Thanks! Please check your inbox to confirm your subscription. If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us. Gary van der Merwe OMG – That will rock!!!! June 10th, 2010 at 05:39 iGEL Some questions about the -moz prefix: 1. At which point will interpret CSS3 without the -moz

    Firefox 4: CSS3 calc() – Mozilla Hacks - the Web developer blog
    kuroazuki
    kuroazuki 2010/06/11
    100%-100pxとかできると複雑な構成が簡単になるね。
  • 1