プロパティ
アセンブラの魔女 ⧫ CSS ⧫ プロパティ
アセンブラの魔女 ⧫ CSS ⧫ プロパティ

 CSSでは、ドキュメントのレンダリングを指示するために以下のようなプロパティ(property)と呼ばれるパラメータセットを定義します。

名前メディア・グループ説明
contentallbefore, fter擬似要素とともに使用され、ドキュメント内にコンテンツを生成
counter-resetall要素が出現するたびにカウンタが設定される値を指定
counter-incrementall要素が出現するたびにカウンタがどれだけ増分されるかを指定
displayall要素のコンテナタイプを指定
background-attachmentvisual背景画像をスクロールするかどうかを指定
background-colorvisual背景色を指定
background-imagevisual背景画像を指定
background-positionvisual背景画像の初期位置を指定
background-repeatvisual背景画像のタイル表示を指定
backgroundvisualbackground-color, background-image, background-repeat, background-attachment background-positionなどのショートハンドプロパティ
padding-topvisualボックスの上側のパディング幅を指定
padding-rightvisualボックスの右側のパディング幅を指定
padding-bottomvisualボックスの下側のパディング幅を指定
padding-leftvisualボックスの左側のパディング幅を指定
paddingvisualpadding-top, padding-right, padding-bottom, padding-leftのためのショートハンドプロパティ
border-colorvisualボーダー領域の色を指定
border-stylevisualボックスのボーダーのwidth, style, colorプロパティを設定するためのショートハンドプロパティ
border-topvisualボックスの上側のボーダーのwidth, style, style, colorプロパティを設定するためのショートハンドプロパティ
border-rightvisualボックスの右側のボーダーのwidth, style, style, colorプロパティを設定するためのショートハンドプロパティ
border-bottomvisualボックスの下側のボーダーのwidth, style, style, colorプロパティを設定するためのショートハンドプロパティ
border-leftvisualボックスの左側のボーダーのwidth, style, style, colorプロパティを設定するためのショートハンドプロパティ
border-top-colorvisualボックスの上側のボーダーの色を指定
border-right-colorvisualボックスの右側のボーダーの色を指定
border-bottom-colorvisualボックスの下側のボーダーの色を指定
border-left-colorvisualボックスの左側のボーダーの色を指定
border-top-stylevisualボックスの上側のボーダーのスタイルを指定
border-right-stylevisualボックスの右側のボーダーのスタイルを指定
border-bottom-stylevisualボックスの下側のボーダーのスタイルを指定
border-left-stylevisualボックスの左側のボーダーのスタイルを指定
border-stylevisualボックスの上,右,下,左のボーダーのスタイルを指定
border-top-widthvisualボックスの上側のボーダーの幅を指定
border-right-widthvisualボックスの右側のボーダーの幅を指定
border-bottom-widthvisualボックスの下側のボーダーの幅を指定
border-left-widthvisualボックスの左側のボーダーの幅を指定
border-left-widthvisualボックスの上,右,下,左のボーダーの幅を指定
bordervisualボックスの上,右,下,左のボーダーのwidth, color, style幅を指定するためのショートハンドプロパティ
topvisualボックスの上側のマージンエッジがボックスの包含ブロックの上端からどれだけ離れてオフセットされるかを指定
rightvisualボックスの右端がボックスの包含ブロックの右端の左にオフセットされる距離を指定
bottomvisualボックスのボトムマージンのエッジがボックスの包含ブロックのボトムからどれだけ離れてオフセットされるかを指定
leftvisualボックスの左マージンのエッジがボックスの包含ブロックの左端の右にオフセットさる距離を指定
positionvisualCSS 2.1の位置決めアルゴリズムのどれがボックスの位置を計算するのに使われるかを指定
margin-topvisualボックスの上側のマージン幅を指定
margin-bottomvisualボックスの下側のマージン幅を指定
margin-rightvisualボックスの右側のマージン幅を指定
margin-leftvisualボックスの左側のマージン幅を指定
marginvisualmargin-top, margin-right, margin-bottom, margin-leftのためのショートハンドプロパティ
heightvisualボックスの要素の高さを指定
min-heightvisual要素の最小高さを指定
max-heightvisual要素の最大高さを指定
widthvisualボックスのコンテンツの幅を指定
min-widthvisualコンテンツの最小幅を指定
max-widthvisualコンテンツの最大幅を指定
caption-sidevisualテーブルボックスに対するキャプションボックスの位置を指定
clipvisual要素のボーダーボックスのどの部分が表示されるかを指定
colorvisual要素のテキストコンテンツの前景色を指定
directionvisualUnicode双方向アルゴリズムのブロックの基本的な書き込み方向と、埋め込みと上書きの方向を指定
unicode-bidivisual双方向アルゴリズムに関する埋め込みレベルを追加禁止などの指定
border-collapsevisualテーブルのボーダーモデルを指定
border-spacingvisualテーブルの隣接するセルのボーダー間の距離を指定
empty-cellsvisualテーブルのセパレート・ボーダー・モデルで、目に見える内容のないセルの周りの背景や背景のレンダリングを指定
floatvisual要素ボックスのフロートを指定
clearvisual要素ボックスのどの辺が前のフローティングボックスに隣接していないかを指定
font-familyvisual要素に適用するフォントの優先順位を設定
font-sizevisualフォントのサイズを設定
font-stylevisualフォントのスタイル(ノーマル,イタリック,斜体)を設定
font-weightvisualフォントのウェイトを設定
font-variantvisualフォントファミリー内の別のタイプのバリエーションを設定
fontvisualfont-style, font-variant, font-weight, font-size, line-height, font-familyのためのショートハンドプロパティ
letter-spacingvisual文字間隔の設定
word-spacingvisualワード間隔の設定
line-heightvisualラインボックスの最小高さやラインボックスの高さの計算に使用される高さを指定
vertical-alignvisualインラインレベルの要素によって生成されるボックスのラインボックス内の垂直方向の配置を設定
list-style-typevisualリストアイテムマーカーの外観を指定
list-style-imagevisualリストアイテムマーカーに用いられる画像を指定
list-style-positionvisual主ブロックボックスに対するマーカーボックスの位置を指定
list-stylevisuallist-style-type, list-style-image, list-style-positionのためのショートハンドプロパティ
overflowvisualブロックコンテナ要素の内容が要素のボックスをオーバーフローしたときにクリップされるかどうかを指定
quotesvisual埋め込み引用符の引用符を指定
table-layoutvisual表のセル、行、列をレイアウトするために使用されるアルゴリズムを指定
text-alignvisualブロックコンテナのインラインレベルの内容がどのように配置されるかを指定
text-decorationvisual要素のテキストに追加される装飾を指定
text-indentvisualブロックコンテナ内のテキストの最初の行のインデントを指定
text-transformvisual要素のテキストの大文字化を指定
white-spacevisual要素内の空白の処理方法を指定
visibilityvisual要素によって生成されたボックスがレンダリングされるかどうかを指定
z-indexvisualボックスのスタックに関する設定
cursorvisual,
interactive
ポインティングデバイスに表示されるカーソルのタイプを指定
outline-widthvisual,
interactive
アウトラインの幅を指定
outline-stylevisual,
interactive
アウトラインの幅を指定
outline-colorvisual,
interactive
アウトラインの色を指定
outlinevisual,
interactive
outline-style, outline-width, outline-colorのためのショートハンドプロパティ
page-break-beforevisual,
paged
改ページの指定
page-break-aftervisual,
paged
page-break-insidevisual,
paged
orphansvisual,
paged
ページの下部に残さなければならないブロックコンテナ内の最小行数を指定
widowsvisual,
paged
'ページの最上部に残さなければならないブロックコンテナ内の最小行数を指定
volumespeech(aural)読み上げの音量設定
cue-beforespeech(aural)要素の前に鳴らす音(聴覚アイコン)を指定
cue-afterspeech(aural)要素の後に鳴らす音(聴覚アイコン)を指定
cuespeech(aural)cue-before, cue-afterのためのショートハンドプロパティ
play-duringspeech(aural)要素の内容が読み上げられる間のBGMを指定
azimuthspeech(aural)空間オーディオ機能のためのプロパティの1つで、音源の水平方向の位置(角度)を指定
elevationspeech(aural)空間オーディオ機能のためのプロパティの1つで、音源の垂直方向の位置(角度)を指定
pause-beforespeech(aural)要素の内容を話す前の一時停止を指定
pause-afterspeech(aural)要素の内容を話した後の一時停止を指定
pausespeech(aural)pause-before, pause-afterのためのショートハンドプロパティ
speech-ratespeech(aural)読み上げ速度の指定
voice-familyspeech(aural)ボイス・ファミリの優先順の指定
pitchspeech(aural)読み上げの声の平均周波数を指定
pitch-rangespeech(aural)読み上げの声の平均周波数のバリエーションを指定
stressspeech(aural)音声のイントネーションの輪郭内の「ローカルピーク」の高さを指定
richnessspeech(aural)声の豊かさや明るさを指定
speak-headerspeech(aural)テーブルヘッダーの読み上げについての指定
speak-punctuationspeech(aural)読み上げにおける句読点の使用方法を指定
speak-numeralspeech(aural)数値をどのように読み上げるか指定
speakspeech(aural)テキストを聴覚的にレンダリングする方法を指定

メディアグループ

▼ Property
記事情報
datePublished2011-01-01
dateModified2018-06-22
authorアセンブラの魔女
headlineCSSのプロパティに関する記事です
keywordsCSS
keywordsCascading Style Sheets
keywordsメディア・タイプ
keywordsmedia type
publisher name= wiredFish, logo.name= wiredFish, logo.url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png size= 208 pixel x 50 pixel
image.url url= https://books-nekoya.jp/Programming/chigu-hagu-title-01.png , size= 208 pixel x 50 pixel