小さい頃はエラ呼吸

いつのまにやら肺で呼吸をしています。


CSS

ユーザスタイルシートで消費税法の法令を読みやすくする

はじめに 来月から消費税が上がります。 消費税は「消費税法」という法律で決められています。消費税法にはどんなことが書いてあるのかと思い、法令を開いてみましたが、とても読みづらいんです。そこで、読みづらい法令をユーザスタイルシートを使って読み…

IE7から使えるようになった属性セレクタは互換モードだと無視される

CSS

はじめに IE7からは、スタイルシートで属性セレクタという指定ができるようになりました。このエントリでは、属性セレクタの使い方と注意点を書いています。 属性セレクタの書き方 IE6までは、inputタグの中でパスワードボックスだけに特定のスタイルを指定…

テーブルレイアウトの構造を調べるときに使えるユーザスタイルシート

CSS

近年、スタイルシートを利用したCSSレイアウトが普及してきましたが、テーブルレイアウトのサイトは依然としてたくさんあります。サイトを作る側(デザイナやプログラマ)からしても、テーブルレイアウトで作られているHTMLは非常に難解で、メンテナンスしづ…

ユニバーサルセレクタを使う前に学ぶ基礎知識

CSS

はじめに スタイルシートでページ内の全要素に対して同じスタイルを適用させたい場合、ユニバーサルセレクタ(全称セレクタ)という手法を用いることができます。 このユニバーサルセレクタは、ブラウザごとのレンダリングの違いを埋めるためにmarginやpadding…

ブラウザのデフォルト言語に応じて動的にCSS(スタイルシート)を切り替える方法

カスケーディングスタイルート(以下CSS)では、条件によってスタイルを切り替えるといった、スクリプトのような条件分岐を行うことができません。*1 このため、ページに適用するスタイルを動的に切り替える方法の1つとして、JavaScriptでCSSファイルを切り替…

画像を使わず、CSS(スタイルシート)だけで表現可能な角丸(Firefox限定)

はじめに Firefoxにおいて角丸を簡単に実現できる-moz-border-radiusプロパティをこのダイアリーに使ってみました。 CSSで罫線を角丸で表示する(1):FirefoxとSafariのCSS - builder by ZDNet Japan moz-border-radius -moz-border-radiusプロパティの使…