「CSS詳細」カテゴリーアーカイブ
float属性によるレイアウト 親要素と子要素
floatは概念的には指定したブロックを(親要素の）HTML配置から切り離して、指定に従って移動します。従って、親要素がある場合には親要素が子要素の高さを計算できない場合が発生します。 A B そこで、親要素にフロートボ … 続きを読む
float属性によるレイアウト leftとrightの振り分け
float:leftとfloat:rightを使って、ブロックを左右に振り分けます。 ブロック1 ブロック2 ブロック3 となり、ブロック3が文字だけの表示になっていたり、ブロック1の文字も低位置ではないようです。 これ … 続きを読む
CSSの中でのstyle情報の指定法
id名に対しては #name { styleKey : styleValue; } class名に対しては .name { styleKey : styleValue; } ですが、複数のid名、class名に同じst … 続きを読む
コマンドボタンには背景のグラデーションだけでなく文字の白影付けが良い
コマンドボタンに付ける名称に白の影付けをするとよりボタンがリアルになります。指定は以下のCSSのtext-shadowです。 #AppButton { border-radius: 10px; background-co … 続きを読む
ベンダープレフィックスを付けてグラデーションを指定
コマンドボタンなどは地の色(背景色)にグラデーションを掛けると、文章の中にあるよううな場合は、区分けも出来て見栄えも良くなります。 しかし、グラデーションはCSSの属性情報としてベンダー間の違いが多く、Firefoxなど … 続きを読む