HTMLクイックリファレンス


トップページへ
HTMLタグ（目的別） CSSプロパティ（目的別） WEBカラー WEB画像
HTMLタグ（ABC順） CSSプロパティ（ABC順） 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ > スタイルシートリファレンス（目的別）

★スタイルシートリファレンス（目的別）

文字色・背景 テーブル スクロールバー
フォント リスト フィルタ・拡大表示
テキスト 内容挿入・引用符 レイヤー
幅・高さ アウトライン ルビ
マージン・パディング カーソル グリッド
ボーダー 印刷 外部スクリプト
表示・配置 入力補助 音声
セレクタ コメント  
 
文字色・背景↑ページ先頭へ
color･････････････････････文字色（前景色）を指定する
background･･･････････････背景に関する指定をまとめて行う
background-attachment･･･背景画像の固定・移動を指定する
background-color･････････背景色を指定する
background-image････････背景画像を指定する
background-position･･････背景画像の表示開始位置を指定する
background-position-x････背景画像の横位置を指定する（IE独自の仕様）
background-position-y････背景画像の縦位置を指定する（IE独自の仕様）
background-repeat･･･････背景画像のリピートの仕方を指定する
 
フォント↑ページ先頭へ
font･･････････････････････フォントに関する指定をまとめて行う
font-style････････････････フォントをイタリック体・斜体にする
font-variant･･････････････フォントをスモールキャップにする
font-weight･･･････････････フォントの太さを指定する
font-size･････････････････フォントのサイズを指定する
font-family･･･････････････フォントの種類を指定する
font-size-adjust･･････････フォントのサイズを調整する
font-stretch･･････････････フォントを縦長・横長にする
 
テキスト↑ページ先頭へ
line-height･･････････････行の高さを指定する
text-align･･･････････････行揃えの位置・均等割付を指定する
text-justify･････････････均等割付の形式を指定する（IEが独自に採用）
vertical-align････････････縦方向の揃え位置を指定する
text-decoration･････････テキストの下線・上線・打ち消し線・点滅を指定する
text-underline-position･･下線の表示位置を指定する（IE独自の仕様）
text-indent･････････････一行目のインデント幅を指定する
text-transform･･････････テキストの大文字表示・小文字表示を指定する
white-space･････････････ソース中のスペース・タブ・改行の表示の仕方を指定する
letter-spacing･･･････････文字の間隔を指定する
word-spacing････････････単語の間隔を指定する
text-autospace･････････アルファベット等との間隔を指定する（IEが独自に採用）
line-break･･･････････････禁則処理のしかたを指定する（IEが独自に採用）
word-break･･････････････文の改行の仕方について指定する（IEが独自に採用）
word-wrap･･････････････単語の途中で改行するかどうかを指定する（IE独自の仕様）
text-shadow････････････テキストに影をつける
 
幅・高さ↑ページ先頭へ
width･････････････････････幅を指定する
max-width････････････････幅の最大値を指定する
min-width･････････････････幅の最小値を指定する
height････････････････････高さを指定する
max-height･･･････････････高さの最大値を指定する
min-height････････････････高さの最小値を指定する
 
マージン・パディング↑ページ先頭へ
margin････････････････････マージンに関する指定をまとめて行う
margin-top････････････････上マージンを指定する
margin-bottom････････････下マージンを指定する
margin-left････････････････左マージンを指定する
margin-right･･･････････････右マージンを指定する
padding･･･････････････････パディングに関する指定をまとめて行う
padding-top･･･････････････上パディングを指定する
padding-bottom･･･････････下パディングを指定する
padding-left･･･････････････左パディングを指定する
padding-right･･････････････右パディングを指定する
 
ボーダー↑ページ先頭へ
border････････････････････ボーダーのスタイル・太さ・色を指定する
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････････右ボーダーの太さを指定する
 
表示・配置↑ページ先頭へ
overflow･･･････････････はみ出た内容の表示方法を指定する
overflow-x････････････はみ出た内容の表示方法を指定する（IE独自の仕様）
overflow-y････････････はみ出た内容の表示方法を指定する（IE独自の仕様）
position･･･････････････ボックスの配置方法（基準位置）を指定する
top･･･････････････････上からの配置位置（距離）を指定する
bottom･･･････････････下からの配置位置（距離）を指定する
left･･･････････････････左からの配置位置（距離）を指定する
right･･････････････････右からの配置位置（距離）を指定する
display････････････････要素の表示形式（ブロック・インライン）を指定する
float･･････････････････左または右に寄せて配置する
clear･･････････････････回り込みを解除する
z-index････････････････重なりの順序を指定する
visibility･･･････････････ボックスの表示・非表示を指定する
clip････････････････････ボックスを切り抜き表示（クリッピング）する
direction･･････････････文字表記の方向（左右）を指定する
unicode-bidi･･･････････Unicodeの文字表記の方向を上書きする
writing-mode･･････････文字表記の方向（縦横）を指定する（IE独自の仕様）
 
テーブル↑ページ先頭へ
table-layout･･････････････テーブル（表）の表示方法を指定する
caption-side･･････････････テーブル（表）のキャプションの位置を指定する
border-collapse･･･････････セルのボーダーの表示の仕方を指定する
border-spacing･･･････････セルのボーダーの間隔を指定する
empty-cells･･････････････空白セルのボーダーの表示・非表示を指定する
 
リスト↑ページ先頭へ
list-style･････････････････マーカーに関する指定をまとめて行う
list-style-image･･････････マーカー画像を指定する
list-style-type･･･････････マーカー文字の種類を指定する
list-style-position････････マーカーの表示位置を指定する
marker-offset････････････マーカーとの間隔を指定する
 
内容挿入・引用符↑ページ先頭へ
content･･････････････････内容（コンテンツ）を挿入する
quotes･･･････････････････引用符を設定する
counter-increment･･･････要素の連番（カウンタ）の値を進める
counter-reset････････････要素の連番（カウンタ）の値をリセットする
 
アウトライン↑ページ先頭へ
outline･･･････････････････アウトラインのスタイル・太さ・色を指定する
outline-color･････････････アウトラインの色を指定する
outline-style･････････････アウトラインのスタイルを指定する
outline-width･････････････アウトラインの太さを指定する
 
カーソル↑ページ先頭へ
cursor･･･････････････････カーソルの形状を指定する
 
印刷↑ページ先頭へ
page-break-before････････印刷時の改ページ位置を指定する
page-break-after･･････････印刷時の改ページ位置を指定する
page-break-inside･････････印刷時の要素内での改ページを避ける
orphans･･････････････････改ページされる際の前ページの最低行数を指定する
widows･･･････････････････改ページされる際の次ページの最低行数を指定する
page･････････････････････適用するページボックス名を指定する
size･･････････････････････ページボックスのサイズと向きを指定する
marks････････････････････トンボを印刷するかどうかを指定する
 
入力補助↑ページ先頭へ
ime-mode･････････････テキスト入力時のIMEの状態を指定する（IE独自の仕様）
 
スクロールバー↑ページ先頭へ
scrollbar-base-color･･････スクロールバーのベース色を指定する（IE独自）
scrollbar-face-color･････スクロールバーの表面の色を指定する（IE独自）
scrollbar-track-color･････スクロールバーの下地の色を指定する（IE独自）
scrollbar-arrow-color････スクロールバーの矢印の色を指定する（IE独自）
scrollbar-highlight-color･･スクロールバーのハイライトの色を指定する（IE独自）
scrollbar-shadow-color･･･スクロールバーの影の色を指定する（IE独自）
scrollbar-3dlight-color･･･スクロールバーの左端と上端の色を指定する（IE独自）
scrollbar-darkshadow-color･･スクロールバーの右端と下端の色を指定する（IE独自）
 
フィルタ・拡大表示↑ページ先頭へ
filter･･･････････様々な視覚効果を与える（IE独自の仕様）
BasicImage()･････透過・回転・反転・グレースケールなどを指定する
fliph()･････左右反転する
flipv()･････上下反転する
invert()･････色（色相・明度・彩度）を反転する
xray()･････X線効果（グレースケールにして反転）を適用する
Alpha()･････透過表示にする
Chroma()･････特定の色を透明にする
MaskFilter()･････指定した色でマスクをかける
Glow()･････背後から光を当てたような効果を与える
DropShadow()･････ぼかしのない影をつける
Shadow()･････ぼかしのある影をつける
Blur()･････ぼかす
MotionBlur() / blur()･････方向を指定してぶれさせる
Wave()･････波状に歪めて表示する
Pixelate()･････モザイク表示にする
Emboss()･････浮き彫り表示（エンボス）にする
Engrave()･････彫り込み表示（エングレーブ）にする
Matrix()･････二次元面を傾けたような表示にする
Gradient()･････背景と内容の間にグラデーションの面を表示する

zoom･･･････････拡大・縮小表示する（IE独自の仕様）
 
レイヤー↑ページ先頭へ
layer-background-color････レイヤーの背景色を指定する（NN独自の仕様）
layer-background-image･･･レイヤーの背景画像を指定する（NN独自の仕様）
include-source････････････他のHTML文書をレイヤー表示する（NN独自の仕様）
 
ルビ↑ページ先頭へ
ruby-align････････････････ルビの行揃え位置を指定する（IEが独自に採用）
ruby-overhang････････････ルビの表示領域を指定する（IEが独自に採用）
ruby-position･････････････ルビの表示位置を指定する（IEが独自に採用）
 
グリッド↑ページ先頭へ
layout-grid･･･････････････グリッドに関する指定をまとめて行う（IE独自の仕様）
layout-grid-mode･････････グリッドに文字を乗せるかどうかを指定する（IE独自の仕様）
layout-grid-type･･････････グリッドへの文字の乗せ方を指定する（IE独自の仕様）
layout-grid-line･･･････････行グリッドの高さを指定する（IE独自の仕様）
layout-grid-char･･････････文字グリッドの幅を指定する（IE独自の仕様）
 
外部スクリプト↑ページ先頭へ
behavior･･･････････････････外部スクリプトを適用する（IE独自の仕様）
 
音声↑ページ先頭へ
volume･････････････････音量（ボリューム）を指定する
speak･･････････････････読み上げ方法を指定する
pause･･････････････････要素の前後の音声の一時停止をまとめて指定する
pause-before･･･････････要素の前の音声の一時停止を指定する
pause-after････････････要素の後の音声の一時停止を指定する
cue････････････････････要素の前後の合図音（サウンドアイコン）をまとめて指定する
cue-before･････････････要素の前の合図音（サウンドアイコン）を指定する
cue-after･･････････････要素の後の合図音（サウンドアイコン）を指定する
voice-family････････････声の種類を指定する
speech-rate････････････読み上げる速さを指定する
pitch･･･････････････････声の高低を指定する
pitch-range･････････････声の高低の幅を指定する
stress･･････････････････アクセントの強弱を指定する
richness････････････････声の豊かさを指定する
play-during･････････････背景音（BGMなど）を指定する
speak-punctuation･･････句読点や記号を読み上げるかどうかを指定する
speak-numeral･･････････数字の読み方を指定する
speak-header･･･････････表見出しの読み上げ方法を指定する
azimuth････････････････音声が聞こえてくる水平角度（方向）を指定する
elevation･･･････････････音声が聞こえてくる垂直角度（高さ）を指定する
 
セレクタ↑ページ先頭へ
要素型セレクタ（タイプセレクタ） …… 特定の要素にスタイルを適用する
全称セレクタ（ユニバーサルセレクタ） …… すべての要素にスタイルを適用する
classセレクタ（クラスセレクタ） …… 特定のclass名がつけられた要素にスタイルを適用する
idセレクタ …… 特定のid名がつけられた要素にスタイルを適用する
:link擬似クラス …… 未訪問のリンクにスタイルを適用する
:visited擬似クラス …… 訪問済のリンクにスタイルを適用する
:hover擬似クラス …… カーソルが乗っている要素にスタイルを適用する
:active擬似クラス …… クリック中の要素にスタイルを適用する
:focus擬似クラス …… フォーカスされた要素にスタイルを適用する
:lang擬似クラス …… 特定の言語を指定された要素にスタイルを適用する
:first-child擬似クラス …… 最初に現れる子要素にスタイルを適用する
:first-line擬似要素 …… 要素の最初の行にスタイルを適用する
:first-letter擬似要素 …… 要素の最初の文字にスタイルを適用する
:before擬似要素 …… 要素の直前に内容を挿入する
:after擬似要素 …… 要素の直後に内容を挿入する
属性セレクタ …… 特定の属性を持つ指定要素にスタイルを適用する
属性（値）セレクタ …… 特定の属性（値）を持つ指定要素にスタイルを適用する
属性（値候補）セレクタ …… 属性値候補と一致した場合にスタイルを適用する
複数のセレクタ …… 複数のセレクタに同じスタイルを適用する
子孫セレクタ …… 子孫要素にスタイルを適用する
子セレクタ …… 子要素にスタイルを適用する
隣接セレクタ …… 直後に隣接している要素にスタイルを適用する
 
コメント↑ページ先頭へ
/*コメント*/ …… CSSソース中にコメントを入れる


トップページ > スタイルシートリファレンス

HTMLクイックリファレンス


トップページへ
HTMLタグ（目的別） CSSプロパティ（目的別） WEBカラー WEB画像
HTMLタグ（ABC順） CSSプロパティ（ABC順） 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
PR
太陽光発電に興味があるのですが、日本初の太陽光発電システムの共同購入サイトがオープンしました。このサイトでは、たくさん方が同時に注文することにより、特別価格で設置できるそうです。太陽光発電の共同購入｜エコの恩返し なかなか面白いです。
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2012 HTMQ