カーソルを乗せるとメニューの内容がここに表示されます→
トップページ
色と背景を変えたい時
テキストの指定をしたい時
フォントをいろいろしたい時
テーブルの指定をしたい時
リストの変更をしたい時
配置や表示を変えたい時
スクロールバーを変えたい時
その他の指定(RGB対応表付)
◆
表示形式の指定
※
<STYLE type="text/css"><!-- --></STYLE>
は省いて記述しています。
display : ★;
(★はキーワード指定)
キーワード
block (ブロックレベル要素として扱う)
inline (インラインレベル要素として扱う・既定)
list-item (リスト項目用のボックスを生成する)
none (表示されない)
◆
表示・非表示の指定
visibility : ★;
(★はキーワード指定)
キーワード
visible (表示・既定)
hidden (表示しない)
◆
配置の指定
position : ★;
(★はキーワード指定)
キーワード
static (特に指定しない・既定)
relative (通常表示されている位置から相対的)
absolute (親要素に対して絶対的)
fixed (親要素に対して絶対的・非スクロール)
◆
配置位置の指定
top : ★;
(上端からの位置)
bottom : ★;
(下端からの位置)
left : ★;
(左端からの位置)
right : ★;
(右端からの位置)
キーワード auto (通常位置に配置・既定)
数値+単位、%でも指定できます。
ページトップへ
◆
回り込みの指定
float : ★;
(★はキーワード指定)
キーワード
left
right
none
position : absolute;を指定するとfloatプロパティは無効になります。
◆
拡大表示の指定
zoom : ★;
(★は数値、%、キーワード指定)
数値とは、本来のサイズを1として、そのサイズに対する比率を数値で指定することで、2なら2倍になり、0.5なら0.5倍になります。
また、%も本来のサイズに対しての割合で、150%なら1.5倍になります。
◆
内容があふれる場合の処理の指定
heightやwidthでのボックス領域を指定したモノに対して、テキストなどが収まりきらない時がありますが、そのような時の処理法を指定したものです。
overflow : ★;
(★はキーワード指定)
キーワード
visible (領域指定を無視して調整し、全て表示)
hidden (収まりきらない場合は表示しない)
scroll (スクロールバーをつけて表示する)
auto (ブラウザ自動処理)
ページトップへ
いろいろな場面で何気に出てきているのがこの配置指定。
とにかく、幅広く使われる指定なので、記憶にとどめておいてくださいね。
覚えるとかなり使える指定なのですよ。
Copyright 2007 CSS Lecture All Rights Reserved.