CSS(スタイルシート)のテクニックとトピックのまとめ

■ CSS3でIEにも角丸を適用させるhtcファイル | CREAMU ■

2010/02/06 12:45:03 はてなブックマーク数82 ライブドアクリップ数3 del.icio.us数15 blog.creamu.com [ この元コンテンツへ ]
CSS3でIEにも角丸を適用させるhtcファイル | CREAMU

CSS3で最も簡単にクロスブラウザの角丸を実装したい。そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。CSS3-moz-border...

[ ← 前の画面 ]  【 PR 】 SBMの話題とネタまとめ [ ニコニコ風 ] [ 関連記事 ] [ Feeling Lucky ]
[ スポンサード リンク ]
■ この情報のコメント・メモ ■

動作はいかほどなのだろう。試して見る価値ありか  [ tominaga ]

使ってみたら案外使い物にならない…  [ akn_ep ]

ビヘイビアや!なつかしい  [ hisasann ]

CSS3でIEにも角丸を適用させるhtcファイル|CREAMU  [ moonlightpeople ]

IEでも角丸  [ sleepily ]

あとで入れる  [ sw_lucchini ]


[ ← 前の画面に戻る ]

CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」 | DesignDevelopCSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」 | DesignDevelop [ 情報元へ ]
CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」WEB業界では最近度々話題になるCSS3。先日DesigndevelopでもCSS3を使ったボタンデザインのテクニックを紹介しましたが、今回はボタンデザインに...

[を] CSSで半透明[を] CSSで半透明 [ 情報元へ ]
CSSで指定した箇所を半透明にするには、IE なら alpha フィルター、FF なら -moz-opacity。<style>#sukesuke1 {position:absolute;padding:5px;background-color:red;filter:alpha...

ブラウザバグ回避用CSSセットアップ / IEバグ対処フロー | Takazudo Clipping*ブラウザバグ回避用CSSセットアップ / IEバグ対処フロー | Takazudo Clipping* [ 情報元へ ]
暇だからCSSのセットアップでも載せとく。 CSSレイアウトで問題になるのは、ブラウザごとにバグがあって、それに対応するのにどうするかっていうのが一番困る。でも、ブラウザごとにっていっても、実際に問題があるのは、ネスケ4とかIE4とかMacIEとの本当に古いブラウザと、バグの多いけどまだちょっと使...

CSSで罫線を角丸で表示する(1):FirefoxとSafariのCSS徹底検証 - builder by ZDNet JapanCSSで罫線を角丸で表示する(1):FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan [ 情報元へ ]
前回、前々回でブラウザと標準規格の動向を見てきたが、今回からは、Firefox 3やSafari 3が新しく対応したHTML/XHTMLやCSSを紹介していきたい。  最初に紹介するのは、Safari 3が新しく対応した、罫線の角を丸く表示するスタイルシートだ。角丸のデザインは、Webページではよ...

CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneouslyCSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously [ 情報元へ ]
. By building your sites to work in both IE 6 and Firefox you'll be compatible with 88% of your visitors' web browsers*. To cover the other 12%, you ...

IE8バグ?:a要素内に画像があってa要素に背景を指定した時に位置がずれる|CSS HappyLifeIE8バグ?:a要素内に画像があってa要素に背景を指定した時に位置がずれる|CSS HappyLife [ 情報元へ ]
キャプチャ見てもらうと分かるようにIE8だけ極端に位置がおかしい。IE8がリリースされてから、まだあんまりいじってないのでよく分かってないのですが、今組んでいるサイトをIE8でチェックしたら、「あれ?表示がおかしい...」って事に遭遇してしまったので、エントリー。よくある感じで、リストのマーカー変...

Lucky bag::blog: CSS3 の target 疑似クラスで脚注を動的に表示するLucky bag::blog: CSS3 の target 疑似クラスで脚注を動的に表示する [ 情報元へ ]
文書の URI の後に #foo などの識別子(id)をつけたアンカーから、その文書内の当該箇所へジャンプできるのは周知の通り。ただ、スクロールもせずに移動するんで、閲覧者が一瞬戸惑ったりるすわけで、CSS3 では、そのターゲットとなる要素をハイライト表示させたりすることが可能な :target ...

GIGAZINE - CSS3はこうなるGIGAZINE - CSS3はこうなる [ 情報元へ ]
現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ~という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。


[ ← 前の画面に戻る ]
[ スポンサード リンク ]
[ 今日のWebデザイン ]
追加
[ 追加された期間を表示 ]
ユーザー
[ コメントの多いユーザー ]
ピックアップ
html』 の注目情報
CSSによる段組(マルチカラム)レイアウト講座 CSS(スタイルシート)のテクニックとトピックのまとめ

テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだ...

2008/01/05 6:30:02
   css design HTML webデザイン webdesign
HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなブックマークニュース CSS(スタイルシート)のテクニックとトピックのまとめ

HTMLで図まで描ける!進化した「HTML5」ってどんなもの?HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何?」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何...

2010/02/04 0:45:04
   html5 HTML まとめ web あとで読む
都道府県選択するやつ。|CSS HappyLife CSS(スタイルシート)のテクニックとトピックのまとめ

メモ。誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。select要素でマークアップ済みの都道府県のやつ<select name="都道府県"><option value="">都道府県をお選びくだ...

2009/07/15 21:00:02
   css html webデザイン web制作 フォーム
人気のタグ
ブックマーク
RSS配信中
CSSのテクニックとトピックのまとめ | Cascading Style Sheets