|
STYLEタグの属性 |
機能 |
実行結果 |
文字色の属性
color
指定例 color:red; |
文字色を指定 |
文字色 |
カーソルの属性
cursor
指定例 cursor:move; |
カーソルの形を指定 |
CSS小技８を
参照してね！
カーソルを
充ててね！ |
幅・高さの属性
width
指定例 width:40px;
指定例 width:80px;
max-width
min-width
height
指定例 height:7px;
指定例 height:15px;
max-height
min-height
|
幅を指定
幅を40pxに指定
幅を80pxに指定
幅の最大値を指定
幅の最小値を指定
高さを指定
高さを7pxに指定
高さを15pxに指定
高さの最大値を指定
高さの最小値を指定
|
幅を40px
幅を80px
高さ7px
高さ15px
|
背景に関する属性
background
background-color
指定例 background-color:pink;
background-attachment:fixed
background-attachment:scroll
background-image:url('〜')
background-position
指定例 background-position:50% 50%;
指定例 background-position:50px 50px;
指定例 background-position:top right;
background-repeat:repeat
background-repeat:no-repeat
background-repeat:repeat-x
background-repeat:repeat-y
background-position-x
background-position-y
|
背景に関する指定をまとめて行う
背景色を指定
背景色をピンクに指定
背景画像をscrollしても同位置に表示
背景画像をscrollと連動移動に指定
背景画像を指定
背景画像の表示開始位置を指定
左と上からの位置を％で指定
左と上からの位置をピクセルで指定
キーワードを２つ組み合わせて指定
背景画像をPAGE全体に表示
背景画像を一つだけ表示
背景画像を横方向に表示
背景画像を縦方向に表示
背景画像の横位置を指定（IE独自）
背景画像の縦位置を指定（IE独自）
|
背景色
CSS小技７を
参照してね！
〃
〃
〃
〃
〃
〃
〃
〃
〃
|
FONTに関する属性
font
font-style
指定例 font-style:italic;
指定例 font-style:oblique;
font-variant
指定例 font-variant:small-caps;
font-weight
指定例 font-weight:bold;
指定例 font-weight:lighter;
指定例 font-weight:bolder;
font-size
指定例 font-size:8pt;
指定例 font-size:12pt;
font-family
指定例 font-family:ＭＳ Ｐ明朝;
指定例 font-family:HGP行書体;
|
FONTに関する指定をまとめて行う
FONTをイタリック体・斜体にする
イタリック体フォントで表示
斜体フォントで表示
FONTをスモールキャップにする
小文字を大文字を縮小して表示
FONTの太さを指定
一般的な太字の太さ
相対的に一段階細くします
相対的に一段階太くします
FONTのサイズを指定
サイズを８ポイントに指定
サイズを１２ポイントに指定
FONTの種類を指定
書体をＭＳ Ｐ明朝に指定
書体をHGP行書体に指定
|
イタリック
斜体
donkey
太さを指定
太さを指定
太さを指定
サイズ指定
サイズ指定
書体を指定
書体を指定
|
テキストの属性
line-height
letter-spacing
word-spacing
text-align
指定例 text-align:left;
指定例 text-align:center;
指定例 text-align:right;
text-justify
vertical-align
text-decoration
text-underline-position
text-indent
text-transform
white-space
text-autospace
line-break
word-break
word-wrap
指定例 word-wrap:normal;
指定例 word-wrap:break-word;
|
行の高さを指定
文字の間隔を指定
単語の間隔を指定
行揃えの位置・均等割付を指定
テキストの表示を左に指定
テキストの表示を中央に指定
テキストの表示を右に指定
均等割付の形式を指定（IE独自）
縦方向の揃え位置を指定
下線・上線・打ち消し線・点滅を指定
下線の表示位置を指定（IE独自）
一行目のインデント幅を指定
大文字表示・小文字表示を指定
スペース・タブ・改行の表示方法指定
アルファベット等との間隔を指定（IE）
禁則処理を行うかどうかを指定（IE）
文の改行の仕方について指定（IE）
単語の途中の改行を指定（IE）
単語の途中で改行するかを指定（IE）
必要に応じて表示範囲を拡大
単語の途中で改行
|
CSS特殊効果
行間と字間の設定を
参照してね！
左に指定
中央に指定
右に指定
リンクの設定
下線を消すを
参照してね！
|
マージン・パディングの属性
margin
margin-top
margin-bottom
margin-left
指定例 margin-left:10px;
margin-right
指定例 margin-right:50px;
padding
padding-top
padding-bottom
padding-left
指定例 padding-left:10px;
padding-right
指定例 padding-right:50px;
|
マージンに関する全指定（負の値も可）
上マージンを指定
下マージンを指定
左マージンを指定
左マージンを10pxに指定
右マージンを指定
右マージンを50pxに指定
パディングに関する全指定
上パディングを指定
下パディングを指定
左パディングを指定
左パディングを10pxに指定
右パディングを指定
右パディングを50pxに指定
|
左から10px
右から50px
左から10px
右から50px
|
ボーダーの属性
border
指定例 border:1px outset beige;
指定例 border:2px inset beige;
border-color
border-style
border-width
border-top
border-top-color
border-top-style
border-top-width
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
|
borderのスタイル・太さ・色を指定
border1px,枠型outset,色beigeを指定
border2px,枠型inset,色beigeを指定
borderの色を指定
borderのスタイルを指定
borderの太さを指定
上borderのスタイル・太さ・色を指定
上borderの色を指定
上borderのスタイルを指定
上borderの太さを指定
下borderのスタイル・太さ・色を指定
下borderの色を指定
下borderのスタイルを指定
下borderの太さを指定
左borderのスタイル・太さ・色を指定
左borderの色を指定
左borderのスタイルを指定
左borderの太さを指定
右borderのスタイル・太さ・色を指定
右borderの色を指定
右borderのスタイルを指定
右borderの太さを指定
|
outset枠線１
inset枠線2
|
表示・配置の属性
overflow
overflow-x
overflow-y
position
指定例 position:absolute;top:100px;
指定例 position:absolute;bottom:100px;
指定例 position:absolute;left:100px;
指定例 position:absolute;right:100px;
display
float
clear
z-index
visibility
clip
direction
unicode-bidi
writing-mode
|
はみ出た内容の表示方法を指定
はみ出た内容の表示方法を指定（IE）
はみ出た内容の表示方法を指定（IE）
ボックスの配置方法(基準位置)指定
上からの配置位置（距離）を指定
下からの配置位置（距離）を指定
左からの配置位置（距離）を指定
右からの配置位置（距離）を指定
表示形式(ブロック・インライン)指定
左または右に寄せて配置
回り込みを解除
重なりの順序を指定
ボックスの表示・非表示を指定
ボックスを切り抜き表示（cliping）
文字表記の方向（左右）を指定
Unicodeの文字表記の方向を上書き
文字表記の方向（縦横）を指定（IE）
|
スタイルシートの小技１３番（scrollberの消去）を参照してね！
CSS小技１を参照してね！
|
スクロールバーの属性
（スクロールバーの指定はIE独自です）
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
|
スクロールバーの左端と上端の色を指定
スクロールバーの矢印の色を指定
スクロールバーのベース色を指定
スクロールバーの右端と下端の色を指定
スクロールバーの表面の色を指定
スクロールバーのハイライトの色を指定
スクロールバーの影の色を指定
|
スタイルシートの小技１２番（scrollberの色）を参照してね！
|
テーブルの属性
table-layout
caption-side
border-collapse
border-spacing
empty-cells
|
テーブルの表示方法を指定
テーブルのキャプションの位置を指定
セルのborderの表示の仕方を指定
セルのborderの間隔を指定
空白セルのborderの表示・非表示を指定
|
|
リストの属性
list-style
list-style-image
指定例 list-style-image:url('**.gif')
list-style-type
list-style-position
指定例 list-style-position:outside;
指定例 list-style-position:inside;
|
マーカーに関する指定をまとめて行う
マーカー画像を指定
マーカー文字の種類を指定
マーカーの表示位置を指定
マーカーがリスト領域の外側に表示
マーカーがリスト領域の内側に表示
|
|
内容挿入・引用符の属性
content
quotes
|
内容（コンテンツ）を挿入する
引用符を設定する
|
|
アウトラインの属性
outline
指定例 outline: solid 1px #FF0000;
outline-color
outline-style
outline-width
|
outlineのスタイル・太さ・色を指定
形=solid、枠線=1px、色=赤で指定
outlineの色を指定
outlineのスタイルを指定
outlineの太さを指定
|
|
印刷の属性
page-break-before
page-break-after
|
印刷の改ページ箇所を指定
印刷の改ページ箇所を指定
|
|
フィルタ・拡大表示の属性
（filter・zoom の設定はIE独自です）
filter
zoom
|
画像・テキストにフィルタ効果を設定
拡大表示する
|
CSS特殊効果
の1〜8までを
参照してね！
|