CSS アニメーション可能なプロパティ 一覧 関数 要素 使い方・書き方 例 CSS サンプル

2018-05-02 css

animationプロパティ・セレクタ CSS

CSS プロパティ	説明 要約
-moz-outline-radius 詳細 情報 -moz-outline-radius サンプル プロパティ 使い方 コード	-moz-outline-radiusとは、 FirefoxのようなMozillaアプリケーション、-moz-outline-radius CSSプロパティを使用して、要素のアウトラインを角を丸くする 事ができる。
-moz-outline-radius-bottomleft 詳細 情報 -moz-outline-radius-bottomleft サンプル プロパティ 使い方 コード	-moz-outline-radius-bottomleftとは、 Mozillaアプリケーション、-moz-outline-radius-bottomleft CSSプロパティを使用して、要素のアウトラインの左下隅を丸める 事ができる。
-moz-outline-radius-bottomright 詳細 情報 -moz-outline-radius-bottomright サンプル プロパティ 使い方 コード	-moz-outline-radius-bottomrightとは、 Mozillaアプリケーション、-moz-outline-radius-bottomright CSSプロパティを使用して、要素のアウトラインの右下隅を丸める 事ができる。
-moz-outline-radius-topleft 詳細 情報 -moz-outline-radius-topleft サンプル プロパティ 使い方 コード	-moz-outline-radius-topleftとは、 Mozillaアプリケーション、-moz-outline-radius-topleft CSSプロパティを使用して、要素のアウトラインの左上隅を丸くする 事ができる。
-moz-outline-radius-topright 詳細 情報 -moz-outline-radius-topright サンプル プロパティ 使い方 コード	-moz-outline-radius-toprightとは、 Mozillaアプリケーション、-moz-outline-radius-topright CSSプロパティを使用して、要素のアウトラインの右上隅を丸める 事ができる。
-webkit-text-fill-color 詳細 情報 -webkit-text-fill-color サンプル プロパティ 使い方 コード	-webkit-text-fill-colorとは、 CSSプロパティ、テキストの文字の塗りつぶし色を指定する 事ができる。このプロパティが設定されていない場合は、colorプロパティの値が使用される
-webkit-text-stroke 詳細 情報 -webkit-text-stroke サンプル プロパティ 使い方 コード	-webkit-text-strokeとは、 CSSプロパティ、テキスト文字のストロークの幅と色を指定する 事ができる。これは、長さのプロパティ-webkit-text-stroke-widthおよび-webkit-text-stroke-colorの短縮形プロパティ
-webkit-text-stroke-color 詳細 情報 -webkit-text-stroke-color サンプル プロパティ 使い方 コード	-webkit-text-stroke-colorとは、 CSSプロパティ、テキストの文字のストロークカラーを指定する 事ができる。このプロパティが設定されていない場合は、colorプロパティの値が使用される
all 詳細 情報 all サンプル プロパティ 使い方 コード	allとは、 すべてのCSS短縮形プロパティは、要素のプロパティ（unicode-bidiとdirection以外）を初期値または継承値、または別のスタイルシートの原点に指定された値に設定する 事ができる。
backdrop-filter 詳細 情報 backdrop-filter サンプル プロパティ 使い方 コード	backdrop-filterとは、 backdrop-filter CSSプロパティを使用すると、要素の背後の領域にぼかしや色の移動などのグラフィック効果を適用できる要素の背後にあるすべての要素に適用されるため、効果を見るには要素またはその背景を少なくとも部分的に透明にする必要がある
background 詳細 情報 background サンプル プロパティ 使い方 コード	backgroundとは、 背景CSSプロパティは、色、イメージ、原点とサイズ、繰り返しメソッドなどのすべての背景スタイルオプションを一度に宣言する短い方法
background-color 詳細 情報 background-color サンプル プロパティ 使い方 コード	background-colorとは、 背景色CSSプロパティは、要素の背景色を設定する 事ができる。
background-position 詳細 情報 background-position サンプル プロパティ 使い方 コード	background-positionとは、 背景位置CSSプロパティは、定義された各背景画像について、背景原点によって定義される背景位置レイヤに対する初期位置を設定する 事ができる。
background-size 詳細 情報 background-size サンプル プロパティ 使い方 コード	background-sizeとは、 CSSプロパティ、要素の背景イメージのサイズを指定する 事ができる。イメージは、固有の比率に維持されたまま、自然なサイズにしたり、新しいサイズに引き伸ばしたり、使用可能なスペースに収まるように拘束したりする 事ができる。
border 詳細 情報 border サンプル プロパティ 使い方 コード	borderとは、 CSSプロパティ、border-width、border-style、およびborder-colorという単一の宣言ですべての個々の境界プロパティ値を設定するための省略表現
border-bottom 詳細 情報 border-bottom サンプル プロパティ 使い方 コード	border-bottomとは、 CSSプロパティ、border-bottom-color、border-bottom-style、およびborder-bottom-widthの値を設定する省略表現これらのプロパティは、要素の下限を表する 事ができる。
border-bottom-color 詳細 情報 border-bottom-color サンプル プロパティ 使い方 コード	border-bottom-colorとは、 CSSプロパティ、要素の下部境界線の色を設定する 事ができる。多くの場合、簡略化されたCSSプロパティborder-colorまたはborder-bottomがより便利で好ましいことに注意する
border-bottom-left-radius 詳細 情報 border-bottom-left-radius サンプル プロパティ 使い方 コード	border-bottom-left-radiusとは、 CSSプロパティ、要素の左下隅の丸めを設定する 事ができる。
border-bottom-right-radius 詳細 情報 border-bottom-right-radius サンプル プロパティ 使い方 コード	border-bottom-right-radiusとは、 CSSプロパティ、要素の右下隅の丸めを設定する 事ができる。
border-bottom-width 詳細 情報 border-bottom-width サンプル プロパティ 使い方 コード	border-bottom-widthとは、 CSSプロパティ、ボックスの下端の幅を設定する 事ができる。
border-color 詳細 情報 border-color サンプル プロパティ 使い方 コード	border-colorとは、 CSSプロパティ、要素の境界線の4辺のすべての色を設定するための省略表現のプロパティ
border-left 詳細 情報 border-left サンプル プロパティ 使い方 コード	border-leftとは、 CSSプロパティ、border-left-color、border-left-style、およびborder-left-widthの値を設定する略語これらのプロパティは、要素の左境界を表する 事ができる。
border-left-color 詳細 情報 border-left-color サンプル プロパティ 使い方 コード	border-left-colorとは、 CSSプロパティ、要素の左境界線の色を設定する 事ができる。多くの場合、簡略化されたCSSプロパティのborder-colorやborder-leftがより便利で好ましいことに注意する
border-left-width 詳細 情報 border-left-width サンプル プロパティ 使い方 コード	border-left-widthとは、 CSSプロパティ、ボックスの左枠の幅を設定する 事ができる。
border-radius 詳細 情報 border-radius サンプル プロパティ 使い方 コード	border-radiusとは、 border-radius CSSプロパティを使用すると、要素の外側境界エッジの角を丸める 事ができる。円形のコーナーを作るために単一の半径を、または楕円形のコーナーを作るために2つの半径を指定する 事ができる。
border-right 詳細 情報 border-right サンプル プロパティ 使い方 コード	border-rightとは、 CSSプロパティ、border-right-color、border-right-style、border-right-widthの値を設定する略語これらのプロパティは、要素の右端を表する 事ができる。
border-right-color 詳細 情報 border-right-color サンプル プロパティ 使い方 コード	border-right-colorとは、 CSSプロパティ、要素の右端の色を設定する 事ができる。多くの場合、簡略化されたCSSプロパティのborder-colorやborder-rightは、より便利で好ましい
border-right-width 詳細 情報 border-right-width サンプル プロパティ 使い方 コード	border-right-widthとは、 CSSプロパティ、ボックスの右端の幅を設定する 事ができる。
border-top 詳細 情報 border-top サンプル プロパティ 使い方 コード	border-topとは、 CSSプロパティ、border-top-color、border-top-style、border-top-widthの値を設定する省略表現これらのプロパティは、要素の上端を示する 事ができる。
border-top-color 詳細 情報 border-top-color サンプル プロパティ 使い方 コード	border-top-colorとは、 CSSプロパティ、要素の上端の色を設定する 事ができる。多くの場合、簡略化されたCSSプロパティのborder-colorまたはborder-topがより便利で好ましいことに注意する
border-top-left-radius 詳細 情報 border-top-left-radius サンプル プロパティ 使い方 コード	border-top-left-radiusとは、 CSSプロパティ、要素の左上隅の丸めを設定する 事ができる。
border-top-right-radius 詳細 情報 border-top-right-radius サンプル プロパティ 使い方 コード	border-top-right-radiusとは、 CSSプロパティ、要素の右上隅の丸めを設定する 事ができる。
border-top-width 詳細 情報 border-top-width サンプル プロパティ 使い方 コード	border-top-widthとは、 CSSプロパティ、ボックスの上端の幅を設定する 事ができる。
border-width 詳細 情報 border-width サンプル プロパティ 使い方 コード	border-widthとは、 CSSプロパティ、要素の境界線の4辺すべての幅を設定するための簡略化されたプロパティ
bottom 詳細 情報 bottom サンプル プロパティ 使い方 コード	bottomとは、 下のCSSプロパティは、配置された要素の垂直位置を指定するのに関与する 事ができる。配置されていない要素には影響しない。
box-shadow 詳細 情報 box-shadow サンプル プロパティ 使い方 コード	box-shadowとは、 CSSプロパティ、要素のフレームの周りにシャドーエフェクトを追加するために使用される複数のエフェクトをカンマで区切って指定することもできる。
caret-color 詳細 情報 caret-color サンプル プロパティ 使い方 コード	caret-colorとは、 キャレットカラーのCSSプロパティは、挿入されたキャレットの色（<input>contenteditable属性セットなどの要素内に、ユーザーが入力した次の文字が挿入されるポイントの可視インジケータ）を設定する 事ができる。
clip 詳細 情報 clip サンプル プロパティ 使い方 コード	clipとは、 CSSプロパティ、要素のどの部分が可視であるかを定義する 事ができる。clipプロパティは絶対配置された要素、つまりposition：absoluteまたはposition：fixedの要素にのみ適用される
clip-path 詳細 情報 clip-path サンプル プロパティ 使い方 コード	clip-pathとは、 CSSプロパティ、要素のどの部分を表示するかを定義するクリッピング領域を作成する 事ができる。より具体的には、領域内にある部分が示され、外側の部分は隠される
color 詳細 情報 color サンプル プロパティ 使い方 コード	colorとは、 カラーCSSプロパティは、要素のテキストコンテンツとテキストの装飾の前景色値を設定する 事ができる。また、他のプロパティで間接的な値として使用されるcurrentcolor値を設定し、border-colorなどの他のカラープロパティのデフォルト値を設定する 事ができる。
column-count 詳細 情報 column-count サンプル プロパティ 使い方 コード	column-countとは、 CSSプロパティ、要素の内容を指定された数の列に分割する 事ができる。
column-gap 詳細 情報 column-gap サンプル プロパティ 使い方 コード	column-gapとは、 CSSプロパティ、要素の列間のギャップ（間隔）のサイズを設定する 事ができる。
column-rule 詳細 情報 column-rule サンプル プロパティ 使い方 コード	column-ruleとは、 列ルールCSSプロパティは、複数列レイアウトの列間に描画されるルール（線）の幅、スタイル、および色を設定する 事ができる。
column-rule-color 詳細 情報 column-rule-color サンプル プロパティ 使い方 コード	column-rule-colorとは、 CSSプロパティ、複数列レイアウトの列間に描画されたルール（線）の色を設定する 事ができる。
column-rule-width 詳細 情報 column-rule-width サンプル プロパティ 使い方 コード	column-rule-widthとは、 CSSプロパティ、複数列レイアウトの列間に描画されるルール（線）の幅を設定する 事ができる。
column-width 詳細 情報 column-width サンプル プロパティ 使い方 コード	column-widthとは、 CSSプロパティ、最小の列幅を指定する 事ができる。列の数は、列幅の値よりも小さい幅の列がなくても収まる最大列数実際の列幅は、コンテナの幅が小さい場合は列幅の値よりも小さくなることがある
columns 詳細 情報 columns サンプル プロパティ 使い方 コード	columnsとは、 列CSSプロパティは、要素の列幅と列数を設定する 事ができる。
filter 詳細 情報 filter サンプル プロパティ 使い方 コード	filterとは、 フィルタCSSプロパティを使用すると、ぼかしや色の移動などのグラフィック効果を要素に適用できるフィルタは、画像、背景、および罫線のレンダリングを調整するために一般的に使用される
flex 詳細 情報 flex サンプル プロパティ 使い方 コード	flexとは、 CSSプロパティ、flexコンテナで利用可能なスペースに収まるようにflexアイテムがどのように拡大または縮小するかを指定する 事ができる。これは、flex-grow、flex-shrink、およびflex-basisを設定する簡略プロパティ
flex-basis 詳細 情報 flex-basis サンプル プロパティ 使い方 コード	flex-basisとは、 フレックスベースCSSプロパティは、フレックスアイテムの初期メインサイズを指定する 事ができる。このプロパティは、ボックスサイズを使用して指定されていない限り、コンテンツボックスのサイズを決定する 事ができる。
flex-grow 詳細 情報 flex-grow サンプル プロパティ 使い方 コード	flex-growとは、 CSSプロパティ、フレックスアイテムのフレックス拡大係数を指定する 事ができる。これは、フレックスコンテナ内のアイテムが占めるべきスペースの量を指定する 事ができる。フレックスアイテムのフレックス成長因子は、フレックスコンテナ内の他のchildのサイズに対するもの
flex-shrink 詳細 情報 flex-shrink サンプル プロパティ 使い方 コード	flex-shrinkとは、 フレックスシュリンクCSSプロパティは、フレックスアイテムのフレックスシュリンクファクタを指定する 事ができる。フレックスアイテムのデフォルトサイズがフレックスコンテナよりも大きい場合、フレックスシュリンク数に従って、フレックスアイテムがコンテナを埋めるように縮小される
font 詳細 情報 font サンプル プロパティ 使い方 コード	fontとは、 CSSプロパティ、font-style、font-variant、font-weight、font-size、line-height、およびfont-familyを設定するための省略形のプロパティ特定のキーワードを使用して、要素のフォントをシステムフォントに設定する方法などがある
font-size 詳細 情報 font-size サンプル プロパティ 使い方 コード	font-sizeとは、 CSSプロパティ、フォントのサイズを指定する 事ができる。このプロパティを設定すると、em、ex、およびその他のさまざまな相対<length>単位の値を計算するために使用されるため、他のアイテムのサイズも変更される可能性がある。
font-size-adjust 詳細 情報 font-size-adjust サンプル プロパティ 使い方 コード	font-size-adjustとは、 CSSプロパティ、大文字の高さではなく、小文字の高さに基づいてフォントサイズを選択するように指定する 事ができる。これは、フォントの読みやすさが、特に小サイズでは大文字のサイズよりも小文字のサイズによって決定されるため、便利
font-stretch 詳細 情報 font-stretch サンプル プロパティ 使い方 コード	font-stretchとは、 CSSプロパティ、フォントから通常の、凝縮された、または展開された面を選択する 事ができる。
font-variation-settings 詳細 情報 font-variation-settings サンプル プロパティ 使い方 コード	font-variation-settingsとは、 CSSプロパティ、変更したいフィーチャの4文字の軸名とバリエーションの値を指定して、OpenTypeまたはTrueTypeフォントのバリエーションを低レベルで制御する 事ができる。
font-weight 詳細 情報 font-weight サンプル プロパティ 使い方 コード	font-weightとは、 CSSプロパティ、フォントの重み（または太字）を指定する 事ができる。使用可能なフォントの重みは、使用しているフォントファミリによって異なる一部のフォントは、通常と太字のみで使用する ことができる。
gap 詳細 情報 gap サンプル プロパティ 使い方 コード	gapとは、 これに関する文書はまだ書かれていません。
grid-column-gap 詳細 情報 grid-column-gap サンプル プロパティ 使い方 コード	grid-column-gapとは、 CSSプロパティ、グリッド列間のガターを指定する 事ができる。
grid-gap 詳細 情報 grid-gap サンプル プロパティ 使い方 コード	grid-gapとは、 グリッドギャップCSSプロパティは、グリッド行とカラムの間の溝を指定する、grid-row-gapとgrid-column-gapの省略形プロパティ
grid-row-gap 詳細 情報 grid-row-gap サンプル プロパティ 使い方 コード	grid-row-gapとは、 CSSプロパティ、グリッド行間のガターを指定する 事ができる。
height 詳細 情報 height サンプル プロパティ 使い方 コード	heightとは、 高さCSSプロパティは、要素の高さを指定する 事ができる。デフォルトでは、プロパティはコンテンツ領域の高さを定義する 事ができる。ただし、ボックスサイジングがborder-boxに設定されている場合は、境界領域の高さが決定されます。
left 詳細 情報 left サンプル プロパティ 使い方 コード	leftとは、 左側のCSSプロパティは、配置された要素の水平位置を指定するために使用される配置されていない要素には影響しない。
letter-spacing 詳細 情報 letter-spacing サンプル プロパティ 使い方 コード	letter-spacingとは、 文字間隔CSSプロパティは、テキスト文字間の間隔動作を指定する 事ができる。
line-clamp 詳細 情報 line-clamp サンプル プロパティ 使い方 コード	line-clampとは、 これに関する文書はまだ書かれていません。
line-height 詳細 情報 line-height サンプル プロパティ 使い方 コード	line-heightとは、 CSSプロパティ、テキストなどの行に使用されるスペースの量を設定する 事ができる。ブロックレベル要素では、要素内の線ボックスの最小高さを指定する 事ができる。置換えられていないインライン要素では、ラインボックスの高さを計算するために使用される高さを指定する 事ができる。
margin 詳細 情報 margin サンプル プロパティ 使い方 コード	marginとは、 マージンCSSプロパティは、要素の4辺すべてにマージン領域を設定する 事ができる。これは、マージン-上、マージン-右、マージン-ボトム、およびマージン-左のすべての個々のマージンを一度に設定するための短縮形
margin-bottom 詳細 情報 margin-bottom サンプル プロパティ 使い方 コード	margin-bottomとは、 CSSプロパティ、要素の下部にマージン領域を設定する 事ができる。正の値を指定すると、隣接するノードから通常よりも遠くに配置されるが、負の値を設定すると、近くに配置することができる
margin-left 詳細 情報 margin-left サンプル プロパティ 使い方 コード	margin-leftとは、 CSSプロパティ、要素の左側に余白領域を設定する 事ができる。正の値を指定すると、隣接するノードから通常よりも遠くに配置されるが、負の値を設定すると、近くに配置することができる
margin-right 詳細 情報 margin-right サンプル プロパティ 使い方 コード	margin-rightとは、 CSSプロパティ、要素の右側に余白領域を設定する 事ができる。正の値を指定すると、隣接するノードから通常よりも遠くに配置されるが、負の値を設定すると、近くに配置することができる
margin-top 詳細 情報 margin-top サンプル プロパティ 使い方 コード	margin-topとは、 CSSプロパティ、要素の上部にマージン領域を設定する 事ができる。正の値を指定すると、隣接するノードから通常よりも遠くに配置されるが、負の値を設定すると、近くに配置することができる
mask 詳細 情報 mask サンプル プロパティ 使い方 コード	maskとは、 マスクCSSプロパティは、要素を部分的または完全に隠すことによって、要素の可視性を変更する 事ができる。これは、特定のポイントで画像をマスキングまたはクリッピングすることによって行うことができる
mask-border 詳細 情報 mask-border サンプル プロパティ 使い方 コード	mask-borderとは、 マスク境界CSSプロパティを使用すると、要素の境界線のエッジに沿ってマスクを作成する ことができる
mask-position 詳細 情報 mask-position サンプル プロパティ 使い方 コード	mask-positionとは、 マスク位置CSSプロパティは、マスク原点によって定義されたマスク位置レイヤーに対する初期位置を、定義されたマスクイメージごとに設定する 事ができる。
mask-size 詳細 情報 mask-size サンプル プロパティ 使い方 コード	mask-sizeとは、 マスクサイズCSSプロパティは、マスクイメージのサイズを指定する 事ができる。画像のサイズは、その内在比を維持するために、完全にまたは部分的に制限することができる。
max-height 詳細 情報 max-height サンプル プロパティ 使い方 コード	max-heightとは、 CSSプロパティ、要素の最大高さを設定する 事ができる。heightプロパティの使用値がmax-heightに指定された値より大きくならないようにする 事ができる。
max-lines 詳細 情報 max-lines サンプル プロパティ 使い方 コード	max-linesとは、 これに関する文書はまだ書かれていません。
max-width 詳細 情報 max-width サンプル プロパティ 使い方 コード	max-widthとは、 CSSプロパティ、要素の最大幅を設定する 事ができる。widthプロパティの使用値がmax-widthで指定された値より大きくならないようにする 事ができる。
min-height 詳細 情報 min-height サンプル プロパティ 使い方 コード	min-heightとは、 最小高さCSSプロパティは、要素の最小高さを設定する 事ができる。heightプロパティの使用値がmin-heightに指定された値より小さくならないようにする 事ができる。
min-width 詳細 情報 min-width サンプル プロパティ 使い方 コード	min-widthとは、 最小幅CSSプロパティは、要素の最小幅を設定する 事ができる。widthプロパティの使用値がmin-widthに指定された値よりも小さくならないようにする 事ができる。
object-position 詳細 情報 object-position サンプル プロパティ 使い方 コード	object-positionとは、 オブジェクト位置CSSプロパティは、要素のボックス内で選択された置換された要素の内容の配置を指定する 事ができる。
offset 詳細 情報 offset サンプル プロパティ 使い方 コード	offsetとは、 オフセットCSSプロパティは、定義されたパスに沿って要素をアニメートするための簡略化されたプロパティ
offset-anchor 詳細 情報 offset-anchor サンプル プロパティ 使い方 コード	offset-anchorとは、 これに関する文書はまだ書かれていません。
offset-distance 詳細 情報 offset-distance サンプル プロパティ 使い方 コード	offset-distanceとは、 オフセット距離CSSプロパティは、オフセットパスに沿った位置を指定する 事ができる。
offset-path 詳細 情報 offset-path サンプル プロパティ 使い方 コード	offset-pathとは、 CSSプロパティ、要素が配置されるオフセットパスを指定する 事ができる。オフセットパス上の正確な要素の位置は、offset-distanceプロパティによって決まるオフセットパスは、1つまたは複数のサブパスを持つ指定されたパスか、スタイルのない基本形状のジオメトリのいずれか各形状またはパスは、オフセット距離に対する計算値「0」の初期位置と、オブジェクトの初期位置への回転を指定する初期方向とを定義しなければならない。
offset-position 詳細 情報 offset-position サンプル プロパティ 使い方 コード	offset-positionとは、 これに関する文書はまだ書かれていません。
offset-rotate 詳細 情報 offset-rotate サンプル プロパティ 使い方 コード	offset-rotateとは、 CSSプロパティ、オフセットパスに沿って配置しながら要素の方向を定義する 事ができる。
opacity 詳細 情報 opacity サンプル プロパティ 使い方 コード	opacityとは、 不透明度CSSプロパティは、要素の透明度のレベル、つまり要素の背後にあるコンテンツがどの程度表示されるかを指定する 事ができる。
order 詳細 情報 order サンプル プロパティ 使い方 コード	orderとは、 注文CSSプロパティは、フレックスまたはグリッドコンテナにフレックスアイテムまたはグリッドアイテムをレイアウトするために使用される順序を指定する 事ができる。同じコンテナ内のアイテムは、その順序値に従って昇順に配置することができる同じ順序値を持つ要素は、ソースコードに表示される順序で配置することができる
outline 詳細 情報 outline サンプル プロパティ 使い方 コード	outlineとは、 アウトラインCSSプロパティは、outline-style、outline-width、およびoutline-colorという1つの宣言でさまざまなアウトラインプロパティを設定するための略語
outline-color 詳細 情報 outline-color サンプル プロパティ 使い方 コード	outline-colorとは、 アウトラインカラーCSSプロパティは、エレメントのアウトラインの色を設定する 事ができる。
outline-offset 詳細 情報 outline-offset サンプル プロパティ 使い方 コード	outline-offsetとは、 アウトラインオフセットCSSプロパティは、アウトラインと要素の端または境界の間のスペースの量を設定する 事ができる。
outline-width 詳細 情報 outline-width サンプル プロパティ 使い方 コード	outline-widthとは、 CSSプロパティ、要素のアウトラインの幅（太さ）を設定する 事ができる。アウトラインは、境界線の外側にある要素の周りに描かれた線
padding 詳細 情報 padding サンプル プロパティ 使い方 コード	paddingとは、 パディングCSSプロパティは、要素の4辺すべてにパディング領域を設定する 事ができる。パッディング・トップ、パディング・ライト、パディング・ボトム、パディング・レフトのすべての個々のパッディングを一度に設定することを省略したもの
padding-bottom 詳細 情報 padding-bottom サンプル プロパティ 使い方 コード	padding-bottomとは、 CSSプロパティ、要素の下部にあるパディング領域の高さを設定する 事ができる。
padding-left 詳細 情報 padding-left サンプル プロパティ 使い方 コード	padding-leftとは、 CSSプロパティ、要素の左側のパディング領域の幅を設定する 事ができる。
padding-right 詳細 情報 padding-right サンプル プロパティ 使い方 コード	padding-rightとは、 CSSプロパティ、要素の右側のパディング領域の幅を設定する 事ができる。
padding-top 詳細 情報 padding-top サンプル プロパティ 使い方 コード	padding-topとは、 パディングトップCSSプロパティは、要素の上部のパディング領域の高さを設定する 事ができる。
perspective 詳細 情報 perspective サンプル プロパティ 使い方 コード	perspectiveとは、 パースペクティブCSSプロパティは、3D配置要素にある視点を与えるために、z=0平面とユーザとの間の距離を決定する 事ができる。z> 0の各3D要素は大きくなります。z <0の各3D要素は小さくなる。効果の強さは、このプロパティの値によって決まる
perspective-origin 詳細 情報 perspective-origin サンプル プロパティ 使い方 コード	perspective-originとは、 CSSプロパティ、視聴者が探している位置を決定する 事ができる。これは、perspectiveプロパティによって消失点として使用される
right 詳細 情報 right サンプル プロパティ 使い方 コード	rightとは、 適切なCSSプロパティは、配置された要素の水平位置を指定するために使用される 配置されていない要素には影響しない。
rotate 詳細 情報 rotate サンプル プロパティ 使い方 コード	rotateとは、 rotate CSSプロパティを使用すると、rotationプロパティを個別に、transformプロパティとは独立して指定できます。これは一般的なユーザーインターフェイスの使用法に適しており、変換値で指定する変換関数の正確な順序を覚えておく必要がありません。
row-gap 詳細 情報 row-gap サンプル プロパティ 使い方 コード	row-gapとは、 これに関する文書はまだ書かれていません。
scale 詳細 情報 scale サンプル プロパティ 使い方 コード	scaleとは、 スケールCSSプロパティを使用すると、スケール変換を個別に、変換プロパティとは独立して指定できます。これは一般的なユーザーインターフェイスの使用法に適しており、変換値で指定する変換関数の正確な順序を覚えておく必要がありません。
scroll-snap-coordinate 詳細 情報 scroll-snap-coordinate サンプル プロパティ 使い方 コード	scroll-snap-coordinateとは、 スクロールスナップ座標CSSプロパティは、各軸の最も近い祖先スクロールコンテナのスクロールスナップ先と整列する要素内のxおよびy座標位置を定義する 事ができる。
scroll-snap-destination 詳細 情報 scroll-snap-destination サンプル プロパティ 使い方 コード	scroll-snap-destinationとは、 CSSプロパティ、スクロールコンテナのビジュアルビューポート内のxおよびy座標の位置を定義する 事ができる。
shape-image-threshold 詳細 情報 shape-image-threshold サンプル プロパティ 使い方 コード	shape-image-thresholdとは、 CSSプロパティ、画像をshape-outsideの値として使用してシェイプを抽出するために使用されるアルファチャンネルのしきい値を定義する 事ができる。
shape-margin 詳細 情報 shape-margin サンプル プロパティ 使い方 コード	shape-marginとは、 CSSプロパティ、shape-outsideを使用して作成されたCSSシェイプのマージンを指定する 事ができる。
shape-outside 詳細 情報 shape-outside サンプル プロパティ 使い方 コード	shape-outsideとは、 形状外のCSSプロパティは、形状を定義する 事ができる。これは、隣接するインラインコンテンツが折り返されるべきではない矩形ではありません
tab-size 詳細 情報 tab-size サンプル プロパティ 使い方 コード	tab-sizeとは、 タブサイズCSSプロパティは、タブ（U + 0009）文字の幅をカスタマイズするために使用される
text-decoration 詳細 情報 text-decoration サンプル プロパティ 使い方 コード	text-decorationとは、 CSSプロパティ、テキストに使用される装飾的な線の外観を指定する 事ができる。text-decoration-line、text-decoration-color、およびtext-decoration-styleを含む単一の宣言で、1つ以上の個々のテキスト装飾値を設定するための省略表現
text-decoration-color 詳細 情報 text-decoration-color サンプル プロパティ 使い方 コード	text-decoration-colorとは、 CSSプロパティ、装飾追加の色をtext-decoration-lineで指定されたテキストに設定する 事ができる。これらには、アンダーラインや上書き、取り消し線、およびコンテンツのスペルが間違っていることを示すために通常使用されるような波線が含まれます（たとえば）。指定された色は、そのような装飾線すべてにプロパティの値の範囲内で適用される
text-emphasis 詳細 情報 text-emphasis サンプル プロパティ 使い方 コード	text-emphasisとは、 テキスト強調CSSプロパティは、テキスト強調スタイルとテキスト強調カラーを1つの宣言で設定する省略プロパティこのプロパティは、スペースや制御文字のような区切り文字を除いて、要素のテキストの各文字に指定された強調マークを適用する 事ができる。
text-emphasis-color 詳細 情報 text-emphasis-color サンプル プロパティ 使い方 コード	text-emphasis-colorとは、 CSSプロパティ、HTMLドキュメントでレンダリングされるテキストに強調マークを描画するために使用される色を定義する 事ができる。この値は、テキスト強調表示の短縮形を使用して設定およびリセットすることもできる。
text-indent 詳細 情報 text-indent サンプル プロパティ 使い方 コード	text-indentとは、 CSSプロパティ、ブロック内のテキスト行の前に置かれるインデント（空白）の量を指定する 事ができる。既定では、これはブロックの最初の書式設定された行のインデントを制御する 事ができる。が、ハングするキーワードと各行のキーワードを使用してこの動作を変更できる
text-shadow 詳細 情報 text-shadow サンプル プロパティ 使い方 コード	text-shadowとは、 CSSプロパティ、テキストに影を追加する 事ができる。テキストとその装飾に適用されるシャドウのコンマ区切りリストを受け取る
top 詳細 情報 top サンプル プロパティ 使い方 コード	topとは、 一番上のCSSプロパティは、配置された要素の垂直位置を指定するために使用される配置されていない要素には影響しない。
transform 詳細 情報 transform サンプル プロパティ 使い方 コード	transformとは、 transform CSSプロパティを使用すると、指定された要素を回転、拡大縮小、傾斜、または平行移動する 事ができる。これは、CSSのビジュアルフォーマットモデルの座標空間を変更することによって実現されます。
transform-origin 詳細 情報 transform-origin サンプル プロパティ 使い方 コード	transform-originとは、 変換元CSSプロパティは、要素の変換の起点を設定する 事ができる。
translate 詳細 情報 translate サンプル プロパティ 使い方 コード	translateとは、 translate CSSプロパティを使用すると、トランスフォームプロパティを個別に独立して指定する 事ができる。これは一般的なユーザーインターフェイスの使用法に適しており、変換値で指定する変換関数の正確な順序を覚えておく必要がありません。
vertical-align 詳細 情報 vertical-align サンプル プロパティ 使い方 コード	vertical-alignとは、 CSSプロパティ、インラインセルまたはテーブルセルボックスの垂直方向の配置を指定する 事ができる。
visibility 詳細 情報 visibility サンプル プロパティ 使い方 コード	visibilityとは、 可視性CSSプロパティは、文書のレイアウトに影響を与えずに要素を表示または非表示にする 事ができる。（つまり、要素が表示されているかどうかに関係なく要素の領域が作成されます）。このプロパティは、aの行または列を非表示にすることもできる。
width 詳細 情報 width サンプル プロパティ 使い方 コード	widthとは、 CSSプロパティ、要素の幅を指定する 事ができる。デフォルトでは、プロパティはコンテンツ領域の幅を定義する 事ができる。しかし、ボックスサイズがborder-boxに設定されている場合、代わりに境界領域の幅が決まる
word-spacing 詳細 情報 word-spacing サンプル プロパティ 使い方 コード	word-spacingとは、 CSSプロパティ、タグと単語の間のスペーシングの動作を指定する 事ができる。
z-index 詳細 情報 z-index サンプル プロパティ 使い方 コード	z-indexとは、 CSSプロパティ、配置された要素とその子孫のzオーダーを指定する 事ができる。要素が重なっている場合は、どちらが他の要素をカバーするかを決定する 事ができる。より大きなz-インデックスを有する要素は、一般に、より低い要素をカバーする。
zoom 詳細 情報 zoom サンプル プロパティ 使い方 コード	zoomとは、 非標準ズームCSSプロパティは、要素の拡大レベルを制御するために使用する ことができる。