12月, 2011
padding
paddingプロパティは、要素の内側に余白を指定できます。
div.test1 {
background-color:#dadada;
padding:5px;
}
div.test2 {
background-color:#dadada;
padding:30px
}
padding 5pxを指定
padding 30pxを指定
backgorund-color
background-colorプロパティは、要素に背景色を指定するときに使用します。
div.test1 {
background-color:#aaa;
}
div.test2 {
background-color:lightblue;
}
#aaaを指定したdiv要素
lightblueを指定したdiv要素
要素に高さを設定する
要素に高さを設定するには、heightプロパティを使います。
div.test1 {
height:100px;
background:#aaa;
}
div.test2 {
height:3em;
background:#ddd;
}
IEの自動アップデート
来年より、InternetExplorerの自動アップデートが開始されるそうです。
WindowsXPでIE6や７を使っている方は、IE8へ
Vistaや７を使っている方は、IE9に更新されます。
これは、Windowsの自動アップデートを有効にしている方のみが対象となるそうですが、
その他にも、IE8やIE9へのアップデートをブロックするツールも提供されるようです。
google日本語入力
本日、Android版Google日本語入力のベータ版が公開されましたね。
PC版のGoogle日本語入力は私も使用していますが、大変便利です。
普段使わないような用語の一発変換ができ、サジェスト機能といった入力途中で文字を補ってくれる機能があるため文字入力にかかる時間が減りました。
興味のある方はインストールしてみてはいかがでしょうか。
要素に横幅を設定する
要素に横幅を設定するには、widthプロパティを使います。
div.test1 {
width:300px;
}
div.test2 {
width:3em;
}
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、…
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、…
リンクの文字色を変更する
リンクの文字色を変更するのにも、colorプロパティを使います。
/*未訪問のリンク色*/
a:link {
color:red;
}
/*訪問済のリンク色*/
a:visited {
color:green;
}
/*カーソルを合わせた時のリンク色*/
a:hover {
color:blue;
}
/*選択中のリンク色*/
a:active {
color:purple;
}
CSSで画像の枠線を消すには？
画像を使ってリンクを貼った際にでる青い線など、
CSSで画像の枠線を消す時にも、borderプロパティを設定します。
例：
div.test a img{
border:none;
}
デフォルト：
CSS有り：
要素に枠線をつけるには？
要素に枠線をつける時は、borderプロパティを設定します。
枠線には、太さ・線の種類・線の色を指定することができます。
線の種類の例：
なし → none
実線 → solid
二重線 → double
点線 → dotted
破線 → dashed
など
また、上だけ、右だけと個別に設定したい場合は、
border-top
border-right
border-bottom
border-left
といったプロパティを使います。
例：
div.test {
border:3px dotted blue; //3pxの点線を青色で
}
div.test2 {
border-left:10px double #000; //左に10pxの二重線を黒色で
}
リンクの下線を消すには？
リンクの下線を消すには、 aタグにtext-decorationプロパティを設定します。
例：
div.test a {
text-decoration:none;
}
デフォルト：
http://www.sonimori.com/archives/1531