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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社スタイルズ
http://youmos.com/reference/cssjavascriptmin-width_max-wid