CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
expression() のまとめ
前書き expression()のことをダイナミックプロパティといいます。 スタイルシートのプロパティで body { height: expression(); } みたいに使います。 簡単に言うと、CSSの中でJavaScriptが動かせる、って感じです。 IE5以上での、独自拡張です。 Googleで検索しても、 イマイチまとめサイトとかサンプルみたいなものがなかったので、 値としてスクリプトのようなものが書けるということしか知らないのですが、 いろいろ実験してでてきた経験則を、 ここでまとめて紹介して置いておくことにします。 あくまで経験則なので、もしかしたら間違ってたり もっとうまいやり方があったりするかもしれません。 備考 IE5以上で、 expression() というプロパティを使うことで、 ダイナミックにページや要素のスタイルを変えることができます。 一番簡単で、かつ一番
expression() > expression() の問題点
ブラウザクラッシュ expression() を使う上で(作る上で)、一番嫌なのがこれ。 すぐ無限ループ入っちゃったり、不思議な挙動ｓたがるんですよねー。 もう何度 Ctrl + Alt + Delete 押したことか…。 作るときは、ほんとに、何度も何度も実験しなくちゃいけないです。 あと、分かってるブラウザクラッシュは必ず避けてください(笑) 失敗ノートのとこに、 全部じゃありませんが、まあそれなりに書いてます。 あと検索してるとこんなものも見つかります。 「offsetWidth」でテーブル幅を指定したサイトでIE6が無反応に ブラウザと動的な計算がかち合うのはやっちゃダメ、ということでしょうね。 IEのみ IEの独自拡張なので、当然 IE しか使えません。 つまり、これをむやみやたらに使用する、ってことは、 他のブラウザのことは考えていない、とも考えられます。 何度も言うようですが
[CSS]IEで、min-widthやmax-widthを実現する方法
CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
JavaScriptを使ったCSSの切り替え
JavaScriptを使ったCSSの切り替えのテクニックは結構有名なのですが、この前読んだJeffrey Zeldmanの著書に、フリーで配布されているCSSの切り替えスクリプトがあったので紹介します。転載の転載という奴でアレですが。 A List Apartというサイト（英語ですよ）のhttp://www.alistapart.com/articles/alternate/のページで配布されております。 一番下の近くに"Download styleswitcher.js"という項目があるので、それをクリックしてダウンロードしてください。 設置方法 使い方は、ものすごく簡単で、head部分に、 <head> <link rel="stylesheet" type="text/css" href="style1.css" title="standard" /> </head> という感じ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社スタイルズ
http://youmos.com/reference/cssjavascriptmin-width_max-wid
【HTMLタグの簡単検索】TAG index - ホームページ作成情報