O R E P A S O:スタイルシート(CSS)一覧

本文へジャンプ
S
M
L
Search by Google
menulavel
Valid CSS!
Spreadfirefox Affiliate Button
情報ボランティアの会(八王子)
anchor
テスト走行編
スタイルシート(CSS:Cascading Style Sheets)一覧
Blogの流行で個人からの情報発信(ホームページなど)が広範囲で認知される様になりました。
スタイルシートはデザイン(体裁)とデータの分離に有効で、ユニバーサルデザインに役立ったり、単調になりがちなホームページに花をもたせたり、更新も楽になります。CSS 3を策定中ですがもう少し時間がかかりそうです。Internet Explorer 9が発表されたり目が離せませんね。
(以下のテーブルは修正中です)
プロパティ CSS Level Opera IE6 Firefox 内容
ビヘイビア behavior 独自 ビヘイビア指定
フォント/テキスト direction 2 筆記方向
font 1 文字スタイル一括指定
font-family 1 フォント指定
font-size 1 文字サイズ
font-style 1 文字スタイル
font-variant 1 スモールキャピタル指定
font-weight 1 文字の太さ
ime-mode 独自 IME入力モード
layout-grid 独自 レイアウトグリッド
layout-grid-char 独自 文字単位のレイアウトグリッド
layout-grid-line 独自 グリッドの行間指定
layout-grid-mode 独自 レイアウトグリッドモード指定
layout-grid-type 独自 レイアウトグリッドタイプ

letter-spacing 1 文字間隔

line-break 独自 改行ルール指定

line-height 1 行間

ruby-align 独自 ふりがなの行揃え位置

ruby-overhang 独自 ルビ文字調整

ruby-position 独自 ふりがなの位置

text-align 1 行揃え指定

text-autospace 独自 間隔調整

text-decoration 1 文字形状指定

text-indent 1 字下げ(インデント)

text-justify 独自 均等配置指定

text-kashida-space 独自 × アラビア文字表示指定

text-transform 1 文字表示形式指定(英大文字、英小文字)

text-underline-position 独自 × 下線位置

unicode-bidi 2 表記方向
vertical-align 1 縦位置
white-space 1 × 空白(MacIE5では動作)

word-break 独自 単語区切り指定

word-spacing 1 × × 単語間隔 (MacIEは動作)

word-wrap 独自 × × ワードラップ指定

writing-mode 独自 × 表示方向
カラー/背景 background 1 背景一括指定

background-attachment 1 背景位置固定指定

background-color 1 背景色

background-image 1 背景画像指定

background-position 1 背景画像位置指定

background-position-x 独自 背景画像位置指定(横位置)

background-position-y 独自 背景画像位置指定(縦位置)

background-repeat 1 背景画像繰り返し指定

color 1 文字色
レイアウト border 1 枠のスタイル一括指定

border-bottom 1 枠のスタイル一括指定(下)

border-bottom-color 2 枠の色(下)

border-bottom-style 2 枠形状(下)

border-bottom-width 1 枠幅(下)

border-collapse 2 枠の隙間指定

border-color 1 枠の色一括指定

border-left 1 枠のスタイル一括指定(左)

border-left-color 2 枠の色(左)

border-left-style 2 枠形状(左)

border-left-width 1 枠幅(左)

border-right 1 枠のスタイル一括指定(右)

border-right-color 2 枠の色(右)

border-right-style 2 枠形状(右)

border-right-width 1 枠幅(右)

border-style 1 枠のスタイル指定

border-top 1 枠のスタイル一括指定(上)

border-top-color 2 枠の色(上)

border-top-style 2 枠形状(上)

border-top-width 1 枠幅(上)

border-width 1 枠幅

clear 1 回り込み解除指定

float 1 回り込み指定

margin 1 マージン指定

margin-bottom 1 マージン指定(下)

margin-left 1 マージン指定(左)

margin-right 1 マージン指定(右)

margin-top 1 マージン指定(上)

padding 1 パディング指定

padding-bottom 1 パディング(下)

padding-left 1 パディング(左)

padding-right 1 パディング(右)

padding-top 1 パディング(上)

scrollbar-3d-light-color 独自 × スクロールバー

scrollbar-arrow-color 独自 × スクロールバーのボタン上の矢印のクリック時の色

scrollbar-base-color 独自 × スクロールバーのハイライトの色

scrollbar-dark-shadow-color 独自 × スクロールバーのクリック時の色

scrollbar-face-color 独自 × スクロールバーのボタンの色

scrollbar-highlight-color 独自 × スクロールバーの色

scrollbar-shadow-color 独自 × スクロールバーのボタンの影の色

table-layout 2 テーブル幅固定指定

zoom 独自 × 拡大縮小指定
リスト display 1 ブロック表示指定

list-style 1 リスト形状

list-style-image 1 リストマーク画像

list-style-position 1 リストマーク位置

list-style-type 1 リストマーク形状
ポジション bottom 2 下位置

clip 2 クリッピング指定

height 1 縦幅

left 1 左位置

overflow 1 オーバーフロー時の表示方法

overflow-x 独自 オーバーフロー時の横の表示方法

overflow-y 独自 オーバーフロー時の縦の表示方法

position 2 位置指定方法

right 2 右位置

top 2 上位置

visibility 2 可視状態

width 1 横幅

z-index 2 奥行き
印刷 page-break-after 2 改行指定(以後に続くデータに対して)

page-break-before 2 改行指定(前に続くデータに対して)
特殊効果 filter 独自 フィルタプロパティ指定
疑似プロパティ :active 1 アクティブリンク

:hover 2 リンク文字上にマウスが重なった時のスタイル指定

:link 1 リンク文字色

:visited 1 リンク済みのリンク文字色

@charset 2 文字コードセット

cursor 2 マウスカーソル形状指定

:first-letter 1 × 位置文字目の表示方法

:first-line 1 × 一行目の表示方法

@font-face 2 × × フォント形状指定(ダイナミックフォント)

@import 2 CSSファイル読み込み

!important 1 指定スタイルを最優先

@media 2 出力メディア(デバイス)指定

@page 2 × × ページボックス指定
←BACK | NEXT→