気の向くままに辿るIT/ICT/IoT
CSS / Cascading Style Sheets / スタイルシート

CSS1 Properties CSS1プロパティ・属性

ホーム前へ次へ
CSS1のプロパティにはどんなのがあるの?

CSS1 Properties CSS1プロパティ・属性

CSS1プロパティ・属性

 CSS1のプロパティ(属性)は、53種類あります。

 尚、たいていは複数のHTML要素に対してCSS1プロパティを設定できますし、CSSプロパティ同士の組み合わせもバリエーションが多くあることから、その組み合わせは相当数にのぼります。

CSS1プロパティ一覧

プロパティ用途
background背景関連プロパティ(background-color/background-image/background-repeat/background-attachment/background-position)を個々またはまとめて設定
background-attachment背景画像が表示領域やスクロールバーと共に固定されるか否か(スクロール/固定)の設定
background-color背景色(色指定/透明)設定
background-image背景画像(URL指定/なし)設定
background-position背景位置(比率/寸法/上・中・下/左・中央・右)設定
background-repeat背景の繰り返し(縦横繰り返し/横方向繰り返し/縦方向繰り返し/繰り返しなし)設定
border境界線関連プロパティ(border-width/border-style/color)を個々またはまとめて設定
border-bottom底辺境界線関連プロパティ(border-bottom-width/border-style/color)を個々またはまとめて設定
border-bottom-width底辺境界線幅(細/中/太/寸法)設定
border-color境界線色(色・カラーを全部または上下左右で1つ~4つ)設定
border-left左境界線(border-left-width/border-style/colorプロパティ)設定
border-left-width左境界線幅(細/中/太/寸法)設定
border-right右境界線関連プロパティ(border-right-width/border-style/color)を個々またはまとめて設定
border-right-width右境界線幅(細/中/太/寸法)設定
border-style境界線スタイル(ドット/ダッシュ/濃/二重/溝/隆起/外枠・はめ込み/内枠・差し込み)設定
border-top上境界線関連プロパティ(border-top-width/border-style/color)を個々またはまとめて設定
border-top-width上境界線幅(細/中/太/寸法)設定
border-width境界線幅(細/中/太/寸法を全部または上下左右で1つ~4つ)設定
clearfloatプロパティ設定の解除(左/右/両方/なし)
color色・カラー設定
display表示要素設定(ブロック/インライン/リストアイテム/なし)
floatブロックレベル要素を横並びにするなどの浮動設定(左/右/なし)
fontフォント関連プロパティ(font-style/font-variant/font-weight/font-sizeまたはfont-size割るline-height/font-family)を個々またはまとめて設定
font-familyフォントファミリ名設定
font-sizeフォントサイズ(絶対サイズ/相対サイズ/寸法/比率)設定
font-styleフォントスタイル(通常/イタリック体/斜体)設定
font-variantフォントバリアント(通常/小文字を大文字にしつつサイズ縮小)設定
font-weightフォント太さ(通常/太い/より太い/より細い/100~900の9段階重みづけ)設定
height高さ(寸法/自動)設定
letter-spacingラテン語等における先頭文字とテキスト文字列の間隔(通常/寸法)設定
line-height行の高さ(通常/数値/寸法/比率)設定
list-styleol/ul/li各リスト要素のスタイル関連プロパティ(list-style-type/list-style-position/list-style-image)を個々またはまとめて設定
list-style-imageul/li各リスト要素記号用画像(URL指定/なし)設定
list-style-positionリスト要素の位置(内側/外側)設定
list-style-typeol/li各リスト要素のスタイル(円形塗りつぶし/円形枠/四角/進数/ローマ字小文字/ローマ字大文字/アルファベット小文字/アルファベット大文字/なし)設定
marginマージン(コンテンツの外に位置する境界線とその外側との間隔を全部または上下左右で1つ~4つ)設定
margin-bottom下端マージン(寸法/比率/自動)設定
margin-left左側マージン(寸法/比率/自動)設定
margin-right右側マージン(寸法/比率/自動)設定
margin-top上端マージン(寸法/比率/自動)設定
paddingパディング(コンテンツと境界線との間隔を全部または上下左右で1つ~4つ)設定
padding-bottom下方パディング(寸法/比率)設定
padding-left左パディング(寸法/比率)設定
padding-right右パディング(寸法/比率)設定
padding-top上方パディング(寸法/比率)設定
text-alignテキスト位置(左/中央/右/ジャストフィット)設定
text-decorationテキスト文字装飾(上線・オーバーライン/下線・アンダーライン/抹消・打ち消し線/点滅/なし)設定
text-indentテキストのインデント(寸法/比率)設定
text-transformテキスト変換(先頭文字大文字/全て大文字/全て小文字/なし)設定
vertical-align垂直方向の位置(基準線/下付き位置/上付き位置/上端/テキスト上端/中間位置/下端/テキスト下端/比率)設定
white-spaceホワイトスペース(通常・折りたたみ/記述通り/ワードラップしない)設定
width幅サイズ(寸法/比率/自動)設定
word-spacing単語間隔(通常/寸法)設定

http://www.w3.org/TR/CSS1/

CSS2プロパティ・属性一覧

CSS3プロパティ・属性一覧

CSS/スタイルシート情報

ホーム前へ次へ