Latest web development tutorials
×

CSS リファレンスマニュアル

CSS リファレンスマニュアル CSS セレクタ CSS スピーチリファレンス CSS Web セーフフォント CSS アニメーション CSS ユニット CSS カラー CSS リーガルカラー値 CSS 色の名前 CSS 16進数のカラー値 CSS ブラウザのサポート

CSS プロパティ

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function appearance backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight grid-columns grid-rows hanging-punctuation height icon justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position punctuation-trim quotes resize right rotation tab-size table-layout target target-name target-new target-position text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index

CSSリファレンス

ノート テストしたすべての主要なブラウザでこのチュートリアルCSSリファレンス。

CSSプロパティ

CSSプロパティグループ：

「CSS」の欄には、プロパティが（CSS1、CSS2、またはCSS3）に定義されているCSSのバージョンで示しています。

アニメーションのプロパティ

属性 描述 CSS
@keyframes 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 3
animation 复合属性。检索或设置对象所应用的动画特效。 3
animation-name 检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用，因为动画名称由@keyframes定义 3
animation-duration 检索或设置对象动画的持续时间 3
animation-timing-function 检索或设置对象动画的过渡类型 3
animation-delay 检索或设置对象动画的延迟时间 3
animation-iteration-count 检索或设置对象动画的循环次数 3
animation-direction 检索或设置对象动画在循环中是否反向运动 3
animation-play-state 检索或设置对象动画的状态 3

背景のプロパティ

属性 描述 CSS
background 复合属性。设置对象的背景特性。 1
background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。 1
background-color 设置或检索对象的背景颜色。 1
background-image 设置或检索对象的背景图像。 1
background-position 设置或检索对象的背景图像位置。必须先指定background-image属性。 1
background-repeat 设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。 1
background-clip 指定对象的背景图像向外裁剪的区域。 3
background-origin S设置或检索对象的背景图像计算background-position时的参考原点(位置)。 3
background-size 检索或设置对象的背景图像的尺寸大小。 3

ボーダー（ボーダー）とアウトライン（概要）プロパティ

属性 描述 CSS
border 复合属性。设置对象边框的特性。 1
border-bottom 复合属性。设置对象底部边框的特性。 1
border-bottom-color 设置或检索对象的底部边框颜色。 1
border-bottom-style 设置或检索对象的底部边框样式。 1
border-bottom-width 设置或检索对象的底部边框宽度。 1
border-color 置或检索对象的边框颜色。 1
border-left 复合属性。设置对象左边边框的特性。 1
border-left-color 设置或检索对象的左边边框颜色。 1
border-left-style 设置或检索对象的左边边框样式。 1
border-left-width 设置或检索对象的左边边框宽度。 1
border-right 复合属性。设置对象右边边框的特性。 1
border-right-color 设置或检索对象的右边边框颜色。 1
border-right-style 设置或检索对象的右边边框样式。 1
border-right-width 设置或检索对象的右边边框宽度。 1
border-style 设置或检索对象的边框样式。 1
border-top 复合属性。设置对象顶部边框的特性。 1
border-top-color 设置或检索对象的顶部边框颜色 1
border-top-style 设置或检索对象的顶部边框样式。 1
border-top-width 设置或检索对象的顶部边框宽度。 1
border-width 设置或检索对象的边框宽度。 1
outline 复合属性。设置或检索对象外的线条轮廓。 2
outline-color 设置或检索对象外的线条轮廓的颜色。 2
outline-style 设置或检索对象外的线条轮廓的样式。 2
outline-width 设置或检索对象外的线条轮廓的宽度。 2
border-bottom-left-radius 设置或检索对象的左下角圆角边框。提供2个参数，2个参数以空格分隔，每个参数允许设置1个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数 3
border-bottom-right-radius 设置或检索对象的右下角圆角边框。 3
border-image 设置或检索对象的边框样式使用图像来填充。 3
border-image-outset 规定边框图像超过边框的量。 3
border-image-repeat 规定图像边框是否应该被重复（repeated）、拉伸（stretched）或铺满（rounded）。 3
border-image-slice 规定图像边框的向内偏移。 3
border-image-source 规定要使用的图像，代替 border-style 属性中设置的边框样式。 3
border-image-width 规定图像边框的宽度。 3
border-radius 设置或检索对象使用圆角边框。 3
border-top-left-radius 定义左上角边框的形状。 3
border-top-right-radius 定义右下角边框的形状。 3
box-decoration-break 规定行内元素被折行 3
box-shadow 向方框添加一个或多个阴影。 3

箱（ボックス）プロパティ

属性 描述 CSS
overflow-x 如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。 3
overflow-y 如果内容溢出了元素内容区域，是否对内容的上/下边缘进行裁剪。 3
overflow-style 规定溢出元素的首选滚动方法。 3
rotation 围绕由 rotation-point 属性定义的点对元素进行旋转。 3
rotation-point 定义距离上左边框边缘的偏移点。 3

カラー（色）のプロパティ

属性 描述 CSS
color-profile 允许使用源的颜色配置文件的默认以外的规范 3
opacity 设置一个元素的透明度级别 3
rendering-intent 允许超过默认颜色配置文件渲染意向的其他规范 3

パディング（パディング）不動産

プロパティ 説明 CSS
パディング 1宣言内のすべてのパディングプロパティを設定します。 1
パディング底 下部パディング要素を設定します。 1
パディング左 左パディングの要素 1
パディング右 要素は、右のパディングを設定されています 1
パディングトップ 埋めるために上部の要素に設定 1

メディアのプロパティページの内容

属性 说明 CSS
bookmark-label 指定书签的标签 3
bookmark-level 指定了书签级别 3
bookmark-target 指定了书签链接的目标 3
float-offset 在相反的方向推动浮动元素，他们一直具有浮动 3
hyphenate-after 指定一个断字的单词断字字符后的最少字符数 3
hyphenate-before 指定一个断字的单词断字字符前的最少字符数 3
hyphenate-character 指定了当一个断字发生时，要显示的字符串 3
hyphenate-lines 表示连续断字的行在元素的最大数目 3
hyphenate-resource 外部资源指定一个逗号分隔的列表，可以帮助确定浏览器的断字点 3
hyphens 设置如何分割单词以改善该段的布局 3
image-resolution 指定了正确的图像分辨率 3
marks 将crop and/or cross标志添加到文档 3
string-set   3

サイズ（寸法）プロパティ

属性 描述 CSS
height 设置元素的高度 1
max-height 设置元素的最大高度 2
max-width 设置元素的最大宽度 2
min-height 设置元素的最小高度 2
min-width 设置元素的最小宽度 2
width 设置元素的宽度 1

フレキシブルボックスモデル（フレキシブルボックス）プロパティ（新）

属性 说明 CSS
flex 复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。 3
flex-grow 设置或检索弹性盒的扩展比率。 3
flex-shrink 设置或检索弹性盒的收缩比率。 3
flex-basis 设置或检索弹性盒伸缩基准值。 3
flex-flow 复合属性。设置或检索弹性盒模型对象的子元素排列方式。 3
flex-direction 该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。 3
flex-wrap 该属性控制flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向。 3
align-content 在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。 3
align-items 定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。 3
align-self 定义flex子项单独在侧轴（纵轴）方向上的对齐方式。 3
justify-content 设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 3
order 设置或检索弹性盒模型对象的子元素出现的順序。 3

フレキシブルボックスモデル（フレキシブルボックス）プロパティ（旧）

プロパティ 説明 CSS
ボックスアライン サブ要素のブロックを整列する方法を指定します 3
ボックス方向 指定された方向では、ボックスの子要素を表示します 3
ボックスフレックス サブ要素のボックスは、柔軟または固定サイズであるかどうかを指定します 3
ボックス・フレックスグループ Flexのグループに割り当てられたフレキシブルな要素 3
ボックスライン さらに新しい行かどうかを指定する場合、親フレームの空間で、それを実行するたびに 3
ボックス序グループ サブエレメントのフレーム表示順 3
ボックス、オリエント 水平または垂直方向の子要素のボックスが置かれるべきであるかどうかを指定します 3
箱パック 縦フレームの水平位置と垂直位置で横のボックスを指定します。 3

フォント（フォント）プロパティ

プロパティ 説明 CSS
フォント 1宣言内のすべてのフォントのプロパティを設定します。 1
フォントファミリ テキストフォントファミリの規定 1
フォントサイズ テキストのフォントサイズの規定 1
フォントスタイル フォントスタイル指定されたテキスト 1
フォントバリアント フォントスタイル指定されたテキスト 1
フォントの太さ 規定のフォントの太さ 1
@フォントフェース サイトには、フォントの「Webベースの安全な "以外をダウンロードして使用することができますルール 3
フォント・サイズ調整 要素の側面の所定値 3
フォントストレッチ 縮小または現在のフォントファミリを伸ばします 3

コンテンツ生成属性（生成コンテンツのプロパティ）

プロパティ 説明 CSS
コンテンツ ：疑似要素が生成されたコンテンツを挿入するために一緒に使用した後：前と 2
カウンタインクリメント 1以上のカウンタをインクリメントまたはデクリメント 2
カウンターリセット 一つ以上のカウンタを作成またはリセット 2
引用符 ネストした型のセットは、引用符を参照しました 2
作物 だけではなく、オブジェクト全体の矩形領域のオブジェクトとして置換要素を許可します 3
移動-に 要素が流れから除去され、文書の後の時点で再挿入されるようにします 3
ページポリシー 文字列値はカウンターで与えられた要素に適用するには、ページに基づいて決定されます。 3

グリッド（グリッド）プロパティ

プロパティ 説明 CSS
グリッドの列 グリッド内の各列の幅を指定します。 3
グリッド行 グリッド内の各列の高さを指定します 3

ハイパーリンク（ハイパーリンク）のプロパティ

プロパティ 説明 CSS
ターゲット ターゲット名、ターゲットの新しい、および目標位置プロパティを設定するための簡略記述特性 3
ターゲット名 リンク（宛先）を開くように指定します 3
標的-新 新しいターゲットリンクは新しいウィンドウが開きますかどうかを指定したり、既存のウィンドウに新しいタブを開きます 3
目標位置 指定新しい宛先リンクが位置に配置する必要があります 3

ワイヤーフレーム（Linebox）プロパティ

プロパティ 説明 CSS
アライメント調整 要素のより正確な位置合わせを可能にします 3
アライメント、ベースライン 親要素は、整列する方法をインラインレベルを指定しました 3
ベースラインシフト 主要ベースラインに主要ベースラインの相対的な再配置を可能にします 3
主要ベースライン スケールベースライン表を指定します。 3
ドロップ初期の後、調整 初期配向ポイントプルダウンプライマリ接続ポイントを設定 3
ドロップ初期後アライン 最初の行の中で検量線を設定し、それが第一の接続ポイントを使用して、ボックスの最初の文字を持っているということです 3
ドロップ初期の前に、調整 [設定]ドロップダウン補助接続点の初期位置合わせ点 3
ドロップ初期の前にアライン 最初の行の中で検量線を設定し、それが補助ジャンクションボックスの最初の文字を持っているということです 3
ドロップ初期サイズ 地元の地盤沈下の制御の最初の文字 3
ドロップ初期値 ドロップダウン最初の結果をアクティブに 3
インラインボックスアライン フロントと次のインライン要素を整列した複数行のインラインブロック列を設定します 3
ラインスタッキング セットラインスタッキング戦略、ライン・スタッキング・ルビー、ライン・スタッキング・シフトが簡略記述特性の属性 3
ラインスタッキング - ルビー Rubyの注釈要素を含むブロック要素の行積層方法は、設定します 3
ラインスタッキングシフト 積み重ねられたブロック要素法元素を含む組ベースシフト線 3
ラインスタッキング戦略 スタックフレームのブロック要素内に含まれるメソッドのセットを積み重ねます 3
テキストの高さ テキストエリアのインラインボックスセットブロック進行寸法 3

リスト（一覧）プロパティ

プロパティ 説明 CSS
リストスタイル 1宣言ですべてのプロパティのリストを設定します 1
リストスタイルイメージ リスト項目マーカーとしての画像 1
リストスタイルの位置 設定リストアイテムマーカーの配置 1
リストスタイル型 リスト項目のマーカーの種類を設定します 1

マージン（余白）プロパティ

プロパティ 説明 CSS
マージン 1宣言内のすべてのマージンのプロパティを設定します。 1
マージン底 要素は、下のマージンを設定されています 1
margin-left 左マージンの要素 1
マージン右 右マージンの要素 1
マージントップ 要素はマージンに設定されています 1

字幕（マーキー）プロパティ

プロパティ 説明 CSS
マーキー方向 コンテンツの移動方向を設定します 3
マーキープレイカウント どのように多くの時間がモバイルコンテンツを設定しています 3
マーキー速 どのように高速スクロールコンテンツを設定します 3
マーキースタイル スタイリングモバイルコンテンツ 3

複数の列（複数列）プロパティ

プロパティ 説明 CSS
列カウント 要素を指定された列の数に分割されるべきです 3
カラムフィル 列を埋める方法を指定します 3
カラムギャップ 列間の指定されたギャップ 3
列のルール 列rule- *特性簡略記述特性に設定されているすべての 3
コラムルール色 列間の色のルールを指定します 3
コラム・ルールスタイル スタイルルールは、列の間を指定します 3
コラムルール幅 列間のルールの幅を指定します 3
列スパン 指定された要素がまたがる列の数 3
列幅 列の幅を指定します。 3
コラム 列と列幅の数を設定するための簡略記述特性 3

ページメディア（ページ媒体）プロパティ

プロパティ ミス CSS
フィット 幅と高さの属性がない場合は自動的にはどのように大規模な置換要素のヒントを提供します 3
フィットポジション ボックス内のオブジェクトの配置を決定します 3
画像の向き 右に適したユーザーエージェントを指定したり、画像を時計回りに回転させます 3
ページ ページが表示されるはずの要素の特定のタイプを指定します。 3
サイズ BOXサイズと向きを含むページの内容を指定します。 3

ポジショニング（位置決め）プロパティ

プロパティ 説明 CSS
ボトム その境界線を構成する素子をターゲットと下余白の設定の境界でブロックオフセット 2
クリア 所定の要素のどちら側が他の浮動要素を防止します 1
クリップ 絶対位置指定要素をカット 2
カーソル （形状）を表示するタイプのカーソル規定 2
ディスプレイ 種類は、ボックスを生成する要素を指定します 1
フロート ボックスの規定は、フロートべきです 1
左 その境界線を含む、標的とする要素を設定すると、ブロックの左端の間のオフセットマージンを残しました 2
オーバーフロー
オーバフローボックス要素の規定の内容はどうなるの 2
位置 ロケーションタイプが要素を指定します 2
右 右マージンの位置決めオフセットブロック境界を含む要素との間で、その右側の境界線を設定します 2
トップ ブロック境界の間の境界に含まれる要素とそのマージン・オフセットをターゲットに設定 2
可視性 目に見える要素の規定が設けられています 2
Zインデックス 要素の重ね順を設定します 2

ページング（印刷）プロパティ

プロパティ 説明 CSS
孤児 行の最小数は、内部要素は、ページの下部にあるタブを保持しなければならない場合に発生します 2
改ページ-後 [設定]タブの行動要素が後 2
改ページ、前 [設定]タブの行動要素の前に 2
改ページ-内部 タブの動作内部要素 2
未亡人 行の最小数は、内部要素は、ページの上部にあるタブを保持しなければならない場合に発生します 2

Rubyのプロパティ

プロパティ 説明 CSS
ルビーアライン お互いにRubyとRubyのコントロールのテキストベースのコンテンツのテキストアライメント相対 3
ルビーオーバーハング テキストはRubyのベースRubyの幅を超えた場合、それらのベースに加えて、任意の隣接するテキストルビテキストが許可されているマウントローカルを決定 3
ルビー位置 どこでそれがベーステキストルビーを制御 3
ルビースパン 注釈要素の挙動を制御 3

スピーチ（音声）プロパティ

プロパティ 説明 CSS
マーク マークを設定し、前とマーク後の速記属性プロパティー 3
マークの後 オーディオストリームに名前のタグを許可します 3
マークの前に オーディオストリームに名前のタグを許可します 3
音素 音声発音の対応する要素のテキストを含む指定 3
残り 残り-前を設定し、休ま-後の属性速記プロパティ 3
残り-後 休憩を取るか、韻律境界に準拠するように指定された仕上がり後のコンテンツ要素、 3
残り-前 休憩を取るか、韻律境界に準拠するように指定された仕上げの前にコンテンツ要素、 3
音声バランス 指定されたバランス左右のチャンネル 3
音声期間 選択された要素の内容を指定の長さを表現するために取られるべきです 3
音声ピッチ 平均声の高さ（周波数）を指定します 3
音声ピッチレンジ 平均ピッチの変更を指定します 3
音声レート 速度制御 3
音声ストレス 示す努力が集中します 3
音声ボリューム 音声合成手段は、出力波形の振幅 3

表（テーブル）のプロパティ

プロパティ 説明 CSS
国境崩壊 テーブルのボーダー合併するかどうかを指定します 2
ボーダー間隔 隣接するセルの境界線との間の所定の距離 2
キャプション側 タイトルテーブルの所定の位置 2
空のセル 上の空のセルに境界線と背景テーブルを表示するかどうかを指定 2
テーブルレイアウト テーブルのレイアウトアルゴリズムを設定します 2

テキスト（テキスト）プロパティ

プロパティ 説明 CSS
カラー テキストの色を設定します。 1
方向 テキスト所定の方向/書き込み方向 2
文字間隔 設定文字間隔 1
行の高さ 設定行の高さ 1
テキストアライン テキストの規定の水平方向の配置 1
テキストの装飾 提供は、装飾効果のテキストに追加しました 1
テキストインデント テキストブロックのインデントの規定最初の行 1
テキスト変換 テキストのための高感度コントロール 1
ユニコード双方向 2
垂直アライン エレメントの垂直方向の配置 1
ホワイトスペース ブランクコントロール要素を設定する方法 1
単語間隔 単語の間隔の設定 1
ぶら下げ、句読点 句読点が行ボックスを超えている可能性があるかどうかを指定します 3
句読点トリム 句読点を削除するかどうかを指定 3
テキストアライン最後 テキストアラインは、最後の行の配置を正当化するために設定されている場合。 3
テキスト正当化 テキストアラインは、時間を正当化するために設定されている場合、分散的に配置を指定しました。 3
テキストのアウトライン アウトラインテキストを設定します。 3
テキストオーバーフロー 要素は、テキストが含まオーバフローしたとき、何が起こるのかを指定します 3
テキストの影 テキストに影を追加します。 3
テキストラップ ルールは、テキストの折り返しを指定します 3
ワードブレーク 非CJKテキストの改行規則を指定します。 3
ワードラップ ワードラップ長すぎるためにブラウザを設定するかどうか。 3

2D / 3Dは変換プロパティ

プロパティ 説明 CSS
変換 2Dまたは3D変換素子を適用します 3
変換原点 それはあなたが変換素子の位置を変更することができます 3
変換スタイル 3D空間はどのようにネストされた要素を指定します 3
視点 3D要素を指定する方法を参照してください斜視図であり、 3
透視起源 3次元要素は、底部位置を指定します 3
背面視認性 要素の定義はないスクリーンの前に、表示するかどうか 3

トランジション（移行）プロパティ

プロパティ 説明 CSS
トランジション このプロパティは、遷移プロパティ、遷移期間、遷移タイミング機能、遷移遅延、省略形です。 3
遷移プロパティ CSSプロパティの移行のために提供。 3
遷移期間 行っ遷移する時間の長さを設定します。 3
遷移タイミング機能 行っ遷移タイミング機能を設定します。 3
遷移遅延 指定の移行が開始されます。 3

ユーザ（ユーザインタフェース）のプロパティの外観

プロパティ 説明 CSS
外観 エクステリアスタイル定義要素 3
ボックスのサイズ変更 それはあなたが何らかの形で特定の要素を定義するための領域を適応させることができます 3
アイコン 要素のアイコンの指定 3
NAVダウン ユーザーがダウンナビゲーションキー下向きを押す指定します 3
NAV-インデックス ナビゲーション（タブ）の順序を指定します。 3
NAV-左 ユーザーが場所を移動するには左のボタンを押したときに指定します 3
NAV-右 ときに、左側のナビゲーション右の位置を押すようにユーザーを指定します。 3
NAV-アップ ユーザーが位置をアップキーナビゲートを押す指定します 3
アウトラインオフセット 国境の枠組みの外でオフセット輪郭のエッジを設定します 3
リサイズ 要素の定義は、サイズ変更できるかどうか 3