カテゴリー : CSS
不透明度 : HTML/CSS
不透明度に関するいくつかのまとめ。
IE9のメモ : CSS
原因は特定できていないけれどIE9で下記の現象が起こり解決に手間取ったのでメモをしておく。 トップページのfooterのスタイルをhead要素に記載していた。. div#footer { clear: both; pos
リキッドレイアウト -Fluid, Elastic – : CSS, JavaScript
レイアウトの分け方の一つとして横幅を固定した固定レイアウト(Fixed layout)とブラウザの画面サイズに応じて変動するリキッドレイアウト(Liquid layout)がある。またリキッドレイアウトも特徴に応じていく
td要素とinline-block
td要素はmarginプロパティが適用されなかった。 display: inline-blockを指定するとうまくいったので覚書。 追記20091002 IEでは動作しなかった。
float要素の末尾のテキストが意図しない場所に複製表示される問題 : CSS
float要素に記述したテキストの中で末尾のテキストが意図しない場所に複製表示される問題についての覚書。
CSSでfloatを用いたレイアウトの注意点 : CSS
floatプロパティを用いたCSSレイアウトのまとめ。
CSSフォントサイズ: Typography
CSSのフォントサイズでbodyに20pxを指定するとemや%で設定する際に便利。
タイポグラフィーとCSS : Typography
CSSの文字サイズと行間のメモ。
IE7, IE6に対するCSSハック : CSS
IE6,7専用のハックのまとめ。 #hoge { /* 一般のブラウザに適用 */ margin: 10px; padding: 6px; } *:first-child+html #hoge { /* IE7にのみ適用
Geckoの画像間の隙間問題 : css
XHTML 1.0 TransitionalはWin版IE6,Mac版IE5,初期Gecko(Netscape6,Mozilla1.0)では標準モードでレンダリングされます。このとき、初期Geckoブラウザではテーブル内
CSSハック : css
CSSハックについてWeb標準の教科書 益子貴寛著では下記のように記載されています。 ブラウザの実装差異や実装不備(バグ)を利用して、CSSの適用対象から一部のブラウザを外したり、特定のブラウザのみを対象にCSSを適用す
クラス属性に複数のクラスを指定 : css
クラス属性にはクラス名をスペースで区切ることにより、複数指定することができます。
ime-mode : css
ime-modeは日本語入力を制御するIE独自のCSSプロパティです。Firefoxでも次バージョンであるFirefox3.0からサポートされる予定だそうです。
font-sizeプロパティについての考察 : css
font-sizeプロパティは親要素の値を継承します。既定値(つまりhtml要素のfont-sizeプロパティの値)は下記の通りです。
vertical-align セル : css
vertical-alignプロパティは行ボックス内のインラインボックスや表のセルの垂直配置を指定するプロパティです。本記事では、セルに設定する場合についてまとめています。
vertical-align インラインボックス : css
vertical-alignプロパティは行ボックス内のインラインボックスや表のセルの垂直配置を指定するプロパティです。 表のセル要素以外に設定できるのはインライン要素であることに注意する。ブロックレベル要素には設定できな
行ボックスの高さ : css
行ボックスの高さは基本的にline-heightプロパティで決まります。行ボックスに流し込まれる文字のフォントサイズがline-heightで指定したサイズより大きい場合は行ボックスからはみ出します。
Clearfix : css
内部要素に浮動ボックスを含んだ親要素のボックスは、浮動ボックスに応じて高さの拡大はしません※1。
浮動ボックスの幅 : css
浮動ボックスの幅に関する覚書。
浮動ボックスとfloatプロパティ : css
浮動ボックスを配置する抱含ブロックのwidth,heightプロパティーの値によりレンダリングに様々な影響が出てくる。
