WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > CSSリファレンス

CSSプロパティ一覧

CSS(Cascading Style Sheets)のプロパティの概要とバージョンをABC順の一覧形式でまとめています。
各プロパティの詳細ページではサンプルを中心に紹介しています。
また、JavaScriptを組み合わせることで、見た目に綺麗なページや動きのあるページを実現することが出来ます。

広告

CSSプロパティのABC順一覧

Aプロパティの意味(概要)Ver備考
align-contentflexコンテナ内の行の揃え方3.0
align-itemsflexコンテナ内の垂直方向の揃え方3.0
alignment-adjustベースラインを調整3.0
alignment-baselineインライン要素の揃えライン3.0
align-selfflexコンテナの位置を個別に指定3.0
animationアニメーションの設定3.0
animation-delayアニメーションのディレイ3.0
animation-directionアニメーションの方向3.0
animation-durationアニメーションの再生時間3.0
animation-fill-modeアニメーションの再生前後のスタイル3.0
animation-iteration-countアニメーションの繰り返し3.0
animation-nameアニメーションのキーフレーム名3.0
animation-play-stateアニメーションの再生と一時停止3.0
animation-timing-functionアニメーションの補間方法3.0
azimuth音声が聞こえてくる方向2.1CSS2.1にて削除
Bプロパティの意味(概要)Ver備考
backface-visibility裏面の表示3.0
background背景全般の設定2.1CSS3にて機能拡張
background-attachment背景画像のスクロール2.1CSS3にて機能拡張
background-clip背景画像の表示エリア3.0
background-color背景色の設定2.1
background-image背景画像の設定2.1CSS3にて機能拡張
background-origin背景画像の表示位置の基点3.0
background-position背景画像の表示位置の設定2.1CSS3にて機能拡張
background-repeat背景画像の繰返し設定2.1CSS3にて機能拡張
background-size背景画像の表示サイズ設定3.0
baseline-shift優先ベースライン3.0
binding結合スタイル規則を参照3.0
bleed3.0
bookmark-labelブックマークの名前3.0
bookmark-levelブックマークの度合い3.0
bookmark-stateブックマークの状態3.0
bookmark-targetブックマークのターゲット3.0
border罫線の設定2.1
border-bottom罫線の底辺の設定2.1
border-bottom-color罫線の底辺の色設定2.1
border-bottom-left-radius左下の角丸3.0
border-bottom-right-radius右下の角丸3.0
border-bottom-style罫線の底辺のスタイル設定2.1
border-bottom-width罫線の底辺の太さ設定2.1
border-collapseテーブルの罫線の表示方法2.1
border-color罫線の色設定2.1
border-image画像を使った罫線の表示3.0
border-image-outsetボーダーイメージエリアを広げる3.0
border-image-repeat画像ボーダーの繰り返し方法3.0
border-image-slice画像のボーダー使用範囲3.0
border-image-sourceボーダーの使用画像ファイル3.0
border-image-width画像ボーダーの太さ3.0
border-left罫線の左辺の設定2.1
border-left-color罫線の左辺の色設定2.1
border-left-style罫線の左辺のスタイル設定2.1
border-left-width罫線の左辺の太さ設定2.1
border-radius角丸の設定3.0
border-right罫線の右辺の設定2.1
border-right-color罫線の右辺の色設定2.1
border-right-style罫線の右辺のスタイル設定2.1
border-right-width罫線の右辺の太さ設定2.1
border-spacingテーブルの罫線の間隔2.1
border-style罫線のスタイル設定2.1
border-top罫線の上辺の設定2.1
border-top-color罫線の上辺の色設定2.1
border-top-left-radius左上の角丸3.0
border-top-right-radius右上の角丸3.0
border-top-style罫線の上辺のスタイル設定2.1
border-top-width罫線の上辺の太さ設定2.1
border-width罫線の太さ設定2.1
bottom基点の下辺からの距離2.1
box-shadowボックスの影付け3.0
box-sizingボックスの大きさの算出方法3.0
break-afterマルチカラムの改段(ボックス後)3.0
break-beforeマルチカラムの改段(ボックスの前)3.0
break-insideマルチカラムの改段(ボックス内)3.0
Cプロパティの意味(概要)Ver備考
caption-sideテーブルのキャプションの表示位置2.1
clear回り込みの解除2.1
clip画像の切り抜き2.1CSS3でclip-pathへ移行
clip-path画像の切り抜き3.0
color文字の色2.1
column-countマルチカラムの段の数3.0
column-fillマルチカラムの段のバランス3.0
column-gapマルチカラムの段の間隔3.0
column-ruleマルチカラムの区切り線3.0
column-rule-colorマルチカラムの区切り線の色3.0
column-rule-styleマルチカラムの区切り線のスタイル3.0
column-rule-widthマルチカラムの区切り線の太さ3.0
columnsマルチカラムの段の数と横幅3.0
column-spanマルチカラムの段にまたがる列数3.0
column-widthマルチカラムの段の横幅3.0
contentコンテンツの挿入・置換2.1
counter-incrementカウンターの増減値2.1
counter-resetカウンターの初期値2.1
crop置換要素の表示範囲3.0
cue要素の前後の合図音2.1
cue-after要素の後の合図音2.1CSS3にて機能拡張
cue-before要素の前の合図音2.1CSS3にて機能拡張
cursorカーソルの種類2.1CSS3にて機能拡張
Dプロパティの意味(概要)Ver備考
direction書字方向2.1
displayボックスの種類2.1
dominant-baseline優先ベースライン3.0
drop-initial-after-adjust頭文字の第一接続点の揃え位置3.0
drop-initial-after-align頭文字の第一接続点の揃えライン3.0
drop-initial-before-adjust頭文字の第二接続点の揃え位置3.0
drop-initial-before-align頭文字の第二接続点の揃えライン3.0
drop-initial-size頭文字のサイズ3.0
drop-initial-value頭文字を何行分にするか3.0
Eプロパティの意味(概要)Ver備考
elevation音声が聞こえてくる垂直角度(高さ)2.1CSS2.1で削除
empty-cells空セルの表示2.1
Fプロパティの意味(概要)Ver備考
flexflex-grow,flex-shrink,flex-basisをまとめて指定3.0
flex-basisflexboxアイテムの幅を調整3.0
flex-directionflexboxアイテムの配置(縦/横)3.0
flex-flowflex-directionとflex-wrapまとめて指定3.0
flex-growflexboxアイテムの自動幅調整(伸ばす)3.0
flex-shrinkflexboxアイテムの自動幅調整(縮む)3.0
flex-wrapflexboxアイテムの折り返し3.0
float配置と回り込み2.1
float-offsetフロート要素のオフセット値 3.0
font文字のデザイン2.1
font-familyフォント2.1
font-feature-settingsOpenTypeフォントの字形の切替え3.0
font-kerning字間スペース3.0
font-language-override言語を一時的に変更3.0
font-size文字の大きさ2.1CSS3にて機能拡張
font-size-adjust文字サイズの自動調節3.0
font-stretchフォントの形状(幅広・幅狭)3.0
font-style斜体のスタイル2.1
font-synthesis太字や斜体を持たないフォントの表示方法3.0
font-variant字形2.1
font-variant-alternates3.0
font-variant-caps英小文字を英大文字で表示3.0
font-variant-east-asian3.0
font-variant-ligatures3.0
font-variant-numeric3.0
font-variant-position3.0
font-weight文字の太さ2.1
Gプロパティの意味(概要)Ver備考
grid3.0
grid-area3.0
grid-auto-columns3.0
grid-auto-flow3.0
grid-auto-position3.0
grid-auto-rows3.0
grid-columnグリッドセル3.0
grid-column-end3.0
grid-column-start3.0
grid-rowグリッドセル3.0
grid-row-end3.0
grid-row-start3.0
grid-template3.0
grid-template-areas3.0
grid-template-columns3.0
grid-template-rows3.0
Hプロパティの意味(概要)Ver備考
hanging-punctuation句読点の禁則処理3.0
height高さ2.1
hyphensハイフネーションの利用3.0
Iプロパティの意味(概要)Ver備考
icon要素のアイコン3.0
image-orientation画像の回転角度3.0
image-resolution画像解像度を取得/設定3.0
ime-modeテキスト入力時のIMEの状態3.0
inline-box-alignインラインボックスを整列させる基準行3.0
Jプロパティの意味(概要)Ver備考
justify-contentflexコンテナ内の水平方向の揃え方3.0
Lプロパティの意味(概要)Ver備考
left基点の左辺からの距離2.1
letter-spacing文字の間隔2.1
line-break禁則処理のルール3.0
line-height行の高さ2.1
line-stacking行ボックスの重ね方3.0
line-stacking-ruby行ボックスを重ねる際のルビの扱い3.0
line-stacking-shift文字のベースラインを考慮かどうか3.0
line-stacking-strategy行ボックスを重ねる際の基準高さ3.0
list-styleリストマークのデザイン2.1
list-style-imageリストマークの画像2.1
list-style-positionリストマークの表示位置2.1
list-style-typeリストマークの種類2.1
Mプロパティの意味(概要)Ver備考
marginマージンの大きさ2.1
margin-bottom下マージン2.1
margin-left左マージン2.1
margin-right右マージン2.1
margin-top上マージン2.1
marksトンボを印刷かどうか3.0
marquee-directionマーキーの動きの方向3.0
marquee-loopスクロール回数3.0
marquee-play-countマーキーの繰り返しの回数3.0
marquee-speedマーキーの動きのスピード3.0
marquee-styleマーキーの動きのスタイル3.0
max-height高さの最大値2.1
max-width横幅の最大値2.1
min-height高さの最小値2.1
min-width横幅の最小値2.1
move-to要素を後ろへ移動3.0
Nプロパティの意味(概要)Ver備考
nav-down下方向キーにフォーカス移動を割当て3.0
nav-indexタブキーによるフォーカス移動の順序3.0
nav-left左方向キーにフォーカス移動を割当て3.0
nav-right右方向キーにフォーカス移動を割当て3.0
nav-up上方向キーにフォーカス移動を割当て3.0
Oプロパティの意味(概要)Ver備考
object-fitボックスに合わせた画像サイズの調節3.0
object-positionボックス内での画像の表示位置3.0
opacity透明度3.0
orderflexコンテナ内の並び順3.0
orphans前ページの末尾に最小限必要な行数2.1
outlineアウトラインの表示2.1
outline-colorアウトラインの色2.1
outline-offsetアウトラインのオフセット3.0
outline-styleアウトラインのスタイル2.1
outline-widthアウトラインの太さ2.1
overflowオーバーフローしたコンテンツの表示2.1
overflow-styleはみ出た要素のスクロール方法3.0
overflow-wrap単語の途中で改行指定3.0
overflow-x横方向にオーバーしたコンテンツの表示3.0
overflow-y縦方向にオーバーしたコンテンツの表示3.0
Pプロパティの意味(概要)Ver備考
paddingパディングの大きさ2.1
padding-bottom下パディング2.1
padding-left左パディング2.1
padding-right右パディング2.1
padding-top上パディング2.1
page特定の名前を付けてページを定義3.0
page-break-after改ページの位置:ボックス後2.1
page-break-before改ページの位置:ボックス前2.1
page-break-inside改ページの位置:ボックス内2.1
page-policyカウント方法3.0
pause要素の前後の音声の一時停止2.1
pause-after要素の後の音声の一時停止2.1CSS3にて機能拡張
pause-before要素の前の音声の一時停止2.1CSS3にて機能拡張
perspective子要素の奥行きの指定3.0
perspective-origin子要素の奥行きのx軸・y軸方向の位置3.0
pitch声の高低2.1
pitch-range声の高低の幅2.1
play-during背景音(BGMなど)2.1
position配置方法2.1
presentation-level表示レベルを指定3.0
Qプロパティの意味(概要)Ver備考
quotes引用符2.1
Rプロパティの意味(概要)Ver備考
resizeボックスのリサイズ3.0
rest音声の開始・終了時の無音設定3.0
rest-after音声の終了時の無音設定3.0
rest-before音声の開始時の無音設定3.0
richness声の豊かさ2.1
right基点の右辺からの距離2.1
rotationブロックレベル要素を反時計回りに回転3.0
rotation-point回転の中心座標3.0
ruby-alignルビの位置揃え3.0
ruby-merge3.0
ruby-positionルビの表示位置3.0
Sプロパティの意味(概要)Ver備考
sizeページサイズを定義3.0
speak読み上げ方法2.1CSS3にて機能拡張
speak-as音声の読上げ方法3.0
speak-header表見出しの読み上げ方法2.1
speak-numeral数字の読み方2.1
speak-punctuation句読点や記号を読み上げるか2.1
speech-rate読み上げる速さ2.1
stressアクセントの強弱2.1
string-set文字列の格納3.0
Tプロパティの意味(概要)Ver備考
table-layoutテーブルの表示方法2.1
tab-sizeタブ幅3.0
targetリンク先の開き方・開く位置3.0
target-nameリンク先の開き方3.0
target-newリンク先を新しいウィンドウ・タブで開く3.0
target-position新しいウィンドウ・タブを開く位置3.0
text-align横(水平)方向の文字位置2.1CSS3にて機能拡張
text-align-last行揃え3.0主要ブラウザ未対応
text-decoration下線・上線・取り消し線の表示2.1
text-heightテキストの高さ3.0
text-indent1行目のインデント2.1
text-justify両端揃えの調節方法3.0
text-overflowオーバーフローしたテキストの省略表示3.0
text-transform字形の変換2.1
top基点の上辺からの距離2.1
transform2Dトランスフォーム3.0
transform-origin2Dトランスフォームの原点3.0
transform-style子要素の3Dトランスフォーム3.0
transitionトランジションの設定3.0
transition-delayトランジションのディレイ3.0
transition-durationトランジションの再生時間3.0
transition-propertyトランジションさせるプロパティ3.0
transition-timing-functionトランジションの補間方法3.0
Uプロパティの意味(概要)Ver備考
unicode-bidi双方向アルゴリズムの変更2.1
Vプロパティの意味(概要)Ver備考
vertical-align縦(垂直)方向の文字位置2.1
visibility表示の有無2.1
voice-balance音声の左右のバランス3.0主要ブラウザ未対応
voice-duration音声再生時間3.0主要ブラウザ未対応
voice-family声の種類2.1CSS3にて機能拡張
主要ブラウザ未対応
voice-pitch音声の高さ3.0主要ブラウザ未対応
voice-range音声の抑揚3.0主要ブラウザ未対応
voice-rate音声の速度3.0主要ブラウザ未対応
voice-stress音声の強調の度合い3.0主要ブラウザ未対応
voice-volume音量3.0主要ブラウザ未対応
volume音量(ボリューム)2.1主要ブラウザ未対応
Wプロパティの意味(概要)Ver備考
white-space改行コード・タブ・スペースの表示2.1
widows次ページの先頭に最小限必要な行数2.1
width横幅2.1
word-break自動改行のルール3.0
word-spacing単語の間隔2.1
word-wrap長い単語の改行ルール3.0
Zプロパティの意味(概要)Ver備考
z-indexボックスの重なり順2.1
@規則(At-rule)プロパティの意味(概要)Ver備考
@charsetスタイルシートで使用される文字セットを定義2.1
@import指定した外部のスタイルシートを読み込む2.1
@mediaメディア毎の条件をを定義2.1
@document2.1主要ブラウザ未対応
@page文書(html)を印刷するとき定義2.1
@font-face使用する外部のフォントを定義2.1
@keyframes2.1
@viewportスマホ等の表示制御
→metaのviewportで代替可能
2.1主要ブラウザ未対応
@counter-style2.1主要ブラウザ未対応
@font-feature-values2.1主要ブラウザ未対応
@namespace2.1
当表の見方
VerCSSのバージョンを表示しています。2.1:CSS2.1 3.0:CSS3
備考CSS2.1のプロパティがCSS3で機能拡張されているかを表示しています。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン