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

CSSプロパティ一覧

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

広告

CSSプロパティのABC順一覧

Aプロパティの意味(概要)Ver備考
align-contentコンテナ内の行の揃え方3.0
align-itemsコンテナ内の垂直方向の揃え方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-blend-mode背景をブレンド3.0
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備考
filter画像に各種効果3.0
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-alternates代替文字の置き換え指定3.0
font-variant-caps英大文字での表示制御3.0
font-variant-east-asian漢字の表示指定3.0
font-variant-ligatures合字の制御指定3.0
font-variant-numeric数値の表示形式指定3.0
font-variant-position上付き文字・下付き文字の指定3.0
font-weight文字の太さ2.1
Gプロパティの意味(概要)Ver備考
gridグリッドコンテナをまとめて指定3.0
grid-areagridのstart,endをまとめて指定3.0
grid-auto-columns自動生成されるグリッドアイテムの幅3.0
grid-auto-flowグリッドアイテムの自動配置方法3.0
grid-auto-rows自動生成されるグリッドアイテムの高さ3.0
grid-columnグリッドアイテムの列開始/終了をまとめて指定3.0
grid-column-endグリッドアイテムの列終了位置3.0
grid-column-startグリッドアイテムの列開始位置3.0
grid-gapグリッドアイテムの余白をまとめて指定3.0
grid-gap-columnsグリッドアイテム列間の余白3.0
grid-gap-rowsグリッドアイテム行間の余白3.0
grid-rowグリッドアイテムの行開始/終了をまとめて指定3.0
grid-row-endグリッドアイテムの行終了位置3.0
grid-row-startグリッドアイテムの行開始位置3.0
grid-templategrid-templateをまとめて指定3.0
grid-template-areasグリッドコンテナの名前を指定3.0
grid-template-columnsグリッドコンテナの幅を指定3.0
grid-template-rowsグリッドコンテナの高さを指定3.0
Hプロパティの意味(概要)Ver備考
hanging-punctuation句読点の禁則処理3.0主要ブラウザ未対応
height高さ2.1
hyphensハイフネーション(単語途中の改行指定)の利用3.0
Iプロパティの意味(概要)Ver備考
icon要素のアイコン3.0主要ブラウザ未対応
image-orientation画像の回転角度3.0主要ブラウザ未対応
image-rendering画像倍率表示時の指定3.0
image-resolution画像解像度を取得/設定3.0主要ブラウザ未対応
ime-modeテキスト入力時のIMEの状態3.0主要ブラウザ未対応
inline-box-alignインラインボックスを整列させる基準行3.0主要ブラウザ未対応
Jプロパティの意味(概要)Ver備考
justify-contentコンテナ内の水平方向の揃え方3.0
justify-itemsグリッドアイテムの横方向の揃え方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トンボを印刷かどうか2.1CSS2.1で削除
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主要ブラウザ未対応
mix-blend-mode背景と前景要素のブレンド3.0主要ブラウザ未対応
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.1主要ブラウザ未対応
pause-before要素の前の音声の一時停止2.1主要ブラウザ未対応
perspective子要素の奥行きの指定3.0
perspective-origin子要素の奥行きのx軸・y軸方向の位置3.0
pitch声の高低2.1主要ブラウザ未対応
pitch-range声の高低の幅2.1主要ブラウザ未対応
play-during背景音(BGMなど)2.1主要ブラウザ未対応
pointer-eventsマウスイベントのターゲット制御3.0
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主要ブラウザ未対応
transformで代替
rotation-point回転の中心座標3.0主要ブラウザ未対応
ruby-alignルビの揃え方3.0
ruby-mergeルビの分割3.0
ruby-positionルビの表示位置3.0
Sプロパティの意味(概要)Ver備考
scroll-behaviorスムーズなスクロール3.0主要ブラウザ未対応
sizeページサイズを定義3.0
speak読み上げ方法2.1主要ブラウザ未対応
speak-as音声の読上げ方法3.0主要ブラウザ未対応
speak-header表見出しの読み上げ方法2.1主要ブラウザ未対応
speak-numeral数字の読み方2.1主要ブラウザ未対応
speak-punctuation句読点や記号を読み上げるか2.1主要ブラウザ未対応
speech-rate読み上げる速さ2.1主要ブラウザ未対応
stressアクセントの強弱2.1削除
voice-stressで代替
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.1CSS3にて機能変更
text-decoration-line文字の装飾線の位置を指定3.0
text-decoration-style文字の装飾線の種類を指定3.0
text-decoration-color文字の装飾線の色を指定3.0
text-emphasis圏点スタイルをまとめて指定3.0
text-emphasis-color圏点の色を指定3.0
text-emphasis-position圏点の位置を指定3.0
text-emphasis-style圏点の形を指定3.0
text-heightテキストの高さ3.0
text-indent1行目のインデント2.1CSS3にて機能拡張
text-justify両端揃えの調節方法3.0
text-overflowオーバーフローしたテキストの省略表示3.0
text-rendering文字のレンダリング3.0
text-shadow文字の影付け3.0
text-transform字形の変換2.1CSS3にて機能拡張
text-underline-position文字下線の位置を指定3.0
top基点の上辺からの距離2.1
transform要素の変形3.0
transform-origin要素変形の起点3.0
transform-style要素重なり時の3D表示3.0
transitionトランジションの設定3.0
transition-delayトランジションのディレイ3.0
transition-durationトランジションの再生時間3.0
transition-propertyトランジション対象のCSSプロパティ3.0
transition-timing-functionトランジションの速度3.0
touch-actionタッチ操作のスクロールとズーム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
will-change3.0
width横幅2.1
word-break自動改行のルール3.0
word-spacing単語の間隔2.1
word-wrap長い単語の改行ルール3.0
writing-mode文字の縦書き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
@keyframesアニメーションの動きを指定3.0
@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 株式会社シーマン