カスケーディングスタイルシートリファレンス・ ブラウザの種類による対応状況などもプロパティごとに掲載!

CSS −スタイルシートリファレンス− ブラウザの種類による対応状況などもプロパティごとに掲載!

スタイルシートの基礎 CSS
バナーはダウンロード
してお使い下さい。

■  ボックス

margin-☆   »» マージンを個別に指定する
margin:   »» マージンを一括指定する
padding-☆   »» パディングを個別に指定する
padding:   »» パディングを一括して指定する
border-☆-width   »» 枠線の太さを個別に指定する
border-width:   »» 枠線の太さを一括指定する
border-☆-color   »» 枠線の色を個別に指定する
border-color:   »» 枠線の色を一括指定する
border-☆-style   »» 枠線の種類を個別に指定する
border-style:   »» 枠線の種類を一括指定する
border-☆   »» 個別の枠線ごとに一括指定する
border:   »» 枠線を一括指定する
width:
  height:
  »» 内容領域の幅と高さを指定する。

■ border-〜-style  枠線の種類を個別に指定する

border-top-style:キーワード 上
border-right-style:キーワード 右
border-bottom-style:キーワード 下
border-left-style:キーワード 左

キーワード none
枠線を表示しない(デフォルト)
hidden
枠線を表示しない
dotted
点線
dashed
破線
solid
実線
double
二重線
groove
へこんだように見える枠線
ridge
浮き上がったように見える枠線
inset
線より内側がへこんだように見える枠線
outset
線より内側が浮き上がったように見える枠線

ボックス領域の上下左右の枠線(ボーダー)の種類を個別に指定します。
border-styleプロパティを省略するとデフォルトのnoneが適用されて枠線は表示されません。
noneとhiddenはどちらも枠線を表示しませんが、テーブルなどのセルとして重なり合った場合には
noneは他の値を優先するのに対し、hiddenは自分の値を優先します。

IE4 IE5 IE5.5 IE6 NN4 NN4.7 N6.2
none × ×
dotted × × × ×
dashed × × × ×
solid × ×
double × ×
groove × ×
ridge × ×
inset × ×
outset × ×
 * Macintosh版IE5はdotted、dashedにも対応しています。

LINK

 

◆ このページのTOPへ ◆







Copyright © 2004 − ykr414. All Rights Reserved.