CSS_Reference

今日の、ワンポイントCSS

 

Reference

W3Cから、正式に発表されている物 は、これだけです。
ただし、対応いていないブラウザがあることも、事実です。
このへんのことも考え、CSSの記述には、十分な注意が必要です。
翻訳されたものは、翻訳者の考え方などが、繁栄されているので、あまり、お勧めできません。

機 能
Command 書 式 機 能
align-content   フレックスコンテナ内のアイテムの交差軸方向の揃え位置を指定する
align-items   フレックスコンテナ内のアイテムの交差軸方向のデフォルト揃え位置を指定する
align-self   フレックスコンテナ内のアイテムの交差軸方向の個別揃え位置を指定する
animation   アニメーションについてまとめて指定する
animation-delay   アニメーションがいつ始まるかを指定する
animation-direction   アニメーションを交互に反転再生させるかどうかを指定する
animation-duration   アニメーション一回分の時間の長さを指定する
animation-iteration-count   アニメーションの繰り返し回数を指定する
animation-name   アニメーション名を指定する
animation-play-state   再生中か一時停止かを指定する
animation-timing-function   アニメーションのタイミング・進行割合を指定する
appearance   プラットフォームにおける標準的なUIの外観にする
alignment-adjust   ベースラインを調整する
alignment-baseline   インライン要素の揃えラインを指定する
background-clip   背景の適用範囲を指定する
background-origin   背景の基準位置を指定する
background-size   背景のサイズを指定する
   
border-bottom-left-radius   左下の角丸を指定する
border-bottom-right-radius   右下の角丸を指定する
border-image   画像ボーダーを指定する
border-image-outset   ボーダーイメージエリアを広げる
border-image-repeat   画像ボーダーの繰り返し方法を指定する
border-image-slice   画像のボーダー使用範囲を指定する
border-image-source   ボーダーに使用する画像ファイルを指定する
border-image-width   画像ボーダーの太さを指定する
border-radius   角丸をまとめて指定する
border-top-left-radius   左上の角丸を指定する
border-top-right-radius   右上の角丸を指定する
box-decoration-break   ボックスが改行する際の表示形式を指定する
box-shadow   ボックスに影をつける
box-sizing   ボックスサイズの算出方法を指定する
break-after   ボックス後でのカラムの区切り方法を指定する
break-before   ボックス前でのカラムの区切り方法を指定する
break-inside   ボックス途中でのカラムの区切り方法を指定する
backface-visibility 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素の裏面を見られるようにするかどうかを指定する
background-break 対応しているブラウザが、少ない為、現段階では、使用を薦めない! インライン要素の背景画像の繰り返し方法を指定する
baseline-shift 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 優先するベースラインを指定し直す
binding 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 結合するスタイル規則を参照する
bookmark-label 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ブックマークのラベル(名前)を指定する
bookmark-level 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ブックマークのレベル(度合い)を指定する
bookmark-target 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ブックマークのターゲット(対象)を指定する
border-break 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ボックスの改行部分のボーダー表示を指定する
border-length 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 脚注の区切り線の長さを指定する
column-count   カラム数を指定する
column-fill   カラム同士の高さ(長さ)を揃えるかどうかを指定する
column-gap   カラムの間隔を指定する
column-rule   カラムの区切り線のスタイル・幅・色を指定する
column-rule-color   カラムの区切り線の色を指定する
column-rule-style   カラムの区切り線のスタイルを指定する
column-rule-width   カラムの区切り線の幅を指定する
columns   カラム幅とカラム数を指定する
column-span   要素がまたがる(横切る)カラム数を指定する
column-width   カラム幅を指定する
color-profile 対応しているブラウザが、少ない為、現段階では、使用を薦めない! カラープロファイルを指定する
crop 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 置換要素の表示範囲を指定する
display-model 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 何も決まっていない
display-role 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 何も決まっていない
dominant-baseline 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 優先するベースラインを指定する
drop-initial-after-adjust 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 頭文字の第一接続点の揃え位置を指定する
drop-initial-after-align 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 頭文字の第一接続点の揃えラインを指定する
drop-initial-before-adjust 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 頭文字の第二接続点の揃え位置を指定する
drop-initial-before-align 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 頭文字の第二接続点の揃えラインを指定する
drop-initial-size 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 頭文字のサイズを指定する
drop-initial-value 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 頭文字を何行分にするかを指定する
flex   フレックスコンテナ内のアイテムの幅についてまとめて指定する
flex-basis   フレックスコンテナ内のアイテムの基本幅を指定する
flex-direction   フレックスコンテナ内のアイテムの配置方向を指定する
flex-flow   フレックスコンテナ内のアイテムの配置方向と折り返し方法をまとめて指定する
flex-grow   フレックスコンテナ内のアイテムの伸び方の比率を指定する
flex-shrink   フレックスコンテナ内のアイテムの縮み方の比率を指定する
flex-wrap   フレックスコンテナ内のアイテムの折り返し方法を指定する
font-size-adjust   フォント同士のサイズのバラつきを調整する
font-stretch   フォントの形状を幅広・幅狭にする
float-offset 対応しているブラウザが、少ない為、現段階では、使用を薦めない! フロート要素のオフセット値を指定する
grid-columns 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 列グリッドを指定する
grid-rows 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 行グリッドを指定する
hanging-punctuation 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 句読点の禁則処理を指定する
hyphenate-after 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ハイフン後の最低文字数を指定する
hyphenate-before 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ハイフン前の最低文字数を指定する
hyphenate-character 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ハイフンに使う文字を指定する
hyphenate-lines 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 連続するハイフンの最大数を指定する
hyphenate-resource 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ハイフンでつなぐ箇所を示したリソースを指定する
hyphens 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 単語途中での改行方法を指定する
icon   要素のアイコンを指定する
image-orientation   横向きや逆さまの画像を回転させて正しい向きに補正する
image-rendering   画像が拡大・縮小された際の描画方法を指定する
image-resolution   画像を描画する際の解像度を指定する
inline-box-align 対応しているブラウザが、少ない為、現段階では、使用を薦めない! どの行を基準にしてインラインボックスを整列させるかを指定する
justify-content   フレックスコンテナ内のアイテムの主軸方向の揃え位置を指定する
linear-gradient() 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 線形グラデーションを指定する
line-stacking 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 行ボックスの重ね方を指定する
line-stacking-ruby 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 行ボックスを重ねる際のルビの扱いを指定する
line-stacking-shift 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 文字のベースラインを考慮するかどうかを指定する
line-stacking-strategy 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 行ボックスを重ねる際の基準高さを指定する
mark 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素の前後に入れる音声記号をまとめて指定する
mark-after 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素の後に入れる音声記号を指定する
mark-before 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素の前に入れる音声記号を指定する
marks 対応しているブラウザが、少ない為、現段階では、使用を薦めない! トンボ(印刷物の見当合わせ記号)を付ける
marquee-direction 対応しているブラウザが、少ない為、現段階では、使用を薦めない! スクロール方向を指定する
marquee-loop 対応しているブラウザが、少ない為、現段階では、使用を薦めない! スクロール回数を指定する
marquee-play-count 対応しているブラウザが、少ない為、現段階では、使用を薦めない! スクロール回数を指定する
marquee-speed 対応しているブラウザが、少ない為、現段階では、使用を薦めない! スクロール速さを指定する
marquee-style 対応しているブラウザが、少ない為、現段階では、使用を薦めない! スクロール方法を指定する
move-to 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素を後ろへ移動する
nav-down   下方向キーにフォーカス移動を割り当てる
nav-index   タブキーによるフォーカス移動の順序を指定する
nav-left   左方向キーにフォーカス移動を割り当てる
nav-right   右方向キーにフォーカス移動を割り当てる
nav-up   上方向キーにフォーカス移動を割り当てる
object-fit   画像などをボックスにどのようにはめ込むかを指定する
object-position   画像などのボックスへの配置位置を指定する
order   フレックスコンテナ内のアイテムの表示順序を指定する
overflow-style 対応しているブラウザが、少ない為、現段階では、使用を薦めない! はみ出た要素のスクロール方法を指定する
overflow-x 対応しているブラウザが、少ない為、現段階では、使用を薦めない! はみ出た要素の左右の表示方法を指定する
overflow-y 対応しているブラウザが、少ない為、現段階では、使用を薦めない! はみ出た要素の上下の表示方法を指定する
perspective   3D変形の奥行きの深さを指定する(親要素に指定)
page 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 特定の名前を付けてページを定義する
page-policy 対応しているブラウザが、少ない為、現段階では、使用を薦めない! カウント方法を指定する
perspective-origin 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 奥行きの消失点を指定する
phonemes 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 発音の仕方を指定する
presentation-level 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 表示レベルを指定する
punctuation-trim 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 句読点などの記号の詰め方を指定する
radial-gradient()   円形グラデーションを指定する
resize   ユーザーが要素のサイズを変更できるかどうかを指定する
rgba()   RGBAカラーモデルで色を指定する(プロパティでなく値)
repeating-linear-gradient()   繰り返しの線形グラデーションを指定する
repeating-radial-gradient()   繰り返しの円形グラデーションを指定する
ruby-align   ルビの揃え位置を指定する
ruby-overhang   本体に隣接するテキストへのルビのかかり方を指定する
ruby-position   ルビの配置位置を指定する
ruby-span   ルビ注釈がどこまでまたがるかを制御する
rendering-intent 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 描画の際のカラープロフィールを指定する
rest 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素内容を話す前後の休憩・間をまとめて指定する
rest-after 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素内容を話す後の休憩・間を指定する
rest-before 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素内容を話す前の休憩・間を指定する
rotation 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ブロックレベル要素を反時計回りに回転させる
rotation-point 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 回転の中心座標を指定する
size 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ページサイズを定義する
string-set 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 文字列を格納する
text-justify   行端揃えの形式を選択する
text-shadow   テキストに影をつける
text-wrap   テキストの折り返し方法を指定する
transform   要素に2D変形、または、3D変形を適用する
transform:matrix()   行列を使用して要素に2D変形を適用する
transform:matrix3d()   行列を使用して要素に3D変形を適用する
transform:perspective()   3D変形の奥行きの深さを指定する
transform:rotate()   要素を回転表示する
transform:scale()   要素を拡大・縮小表示する
transform:skew()   要素を傾斜変形させる
transform:translate()   要素の表示位置を移動させる
transform-origin   2D変形、または、3D変形の原点を指定する
transform-style   子要素がフラットに描画されるか立体的に描画されるかを指定する
transition   transition効果(時間的変化)をまとめて指定する
transition-delay   変化がいつ始まるかを指定する
transition-duration   変化に掛かる時間を指定する
transition-property   transition効果を適用するCSSプロパティ名を指定する
transition-timing-function   変化のタイミング・進行割合を指定する
tab-side 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 何もきまってない
target 対応しているブラウザが、少ない為、現段階では、使用を薦めない! リンク先の開き方・開く位置を指定する
target-name 対応しているブラウザが、少ない為、現段階では、使用を薦めない! リンク先の開き方を指定する
target-new 対応しているブラウザが、少ない為、現段階では、使用を薦めない! リンク先を新しいウィンドウ・タブで開く
target-position 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 新しいウィンドウ・タブを開く位置を指定する
text-align-last 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 最後の行の揃え位置を指定する
text-emphasis 対応しているブラウザが、少ない為、現段階では、使用を薦めない! テキストを強調するための傍点の付け方を指定する
text-height 対応しているブラウザが、少ない為、現段階では、使用を薦めない! テキストの高さを指定する
text-outline 対応しているブラウザが、少ない為、現段階では、使用を薦めない! テキストの輪郭ぼかしを指定する
text-replace 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 文字列を置換する
voice-balance 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 音声の左右のバランスを指定する
voice-duration 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 要素内容を話すのに掛かる時間を指定する
voice-pitch 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 声の高さ(周波数)を指定する
voice-pitch-range 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 声の抑揚(周波数の変化幅)を指定する
voice-rate 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 話す速度を指定する
voice-stress 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 強調の度合い(強い・弱い・単調)を指定する
voice-volume 対応しているブラウザが、少ない為、現段階では、使用を薦めない! 音声のボリュームを指定する
word-break   行の改行方法を指定する
word-wrap   単語の途中で改行するかどうかを指定する
white-space-collapse 対応しているブラウザが、少ない為、現段階では、使用を薦めない! ソース中の半角スペースの表示方法を指定する