ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 リファレンス

« 前章へ 次のリファレンス »

Note W3Schools CSS3 リファレンスは、定期的に主要なブラウザでテストをしています。
テスト日時: 2010年12月01日

CSS3 プロパティ・グループ

"プロパティ" カラムのリンクは、構文、例、ブラウザ・サポート等をポイントしています。

Background プロパティ

プロパティ 説明 CSS
background すべての（CSS1、CSS2およびCSS3） background プロパティを1回の宣言で設定するためのショートハンド・プロパティ 3
background-clip 背景のペイントエリアを指定します 3
background-origin 背景画像の配置エリアを指定します 3
background-size 背景画像のサイズを指定します 3

Border プロパティ

プロパティ 説明 CSS
border-bottom-left-radius 左下の角丸を定義します 3
border-bottom-right-radius 右下の角丸を定義します 3
border-image すべての border-image-* プロパティを設定するためのショートハンド・プロパティ 3
border-image-outset ボーダー・ボックスを越えてボーダー・イメージ・エリアを拡張する量を指定します 3
border-image-repeat image-border を繰返し、循環または引伸ばすかを指定します 3
border-image-slice image-border の中のオフセットを指定します 3
border-image-source ボーダーとして使われる画像を指定します 3
border-image-width image-border の幅を指定します 3
border-radius すべての border-*-radius プロパティを設定するためのショートハンド・プロパティ 3
border-top-left-radius 左上の角丸を定義します 3
border-top-right-radius 右上の角丸を定義します 3
box-decoration-break   3
box-shadow ボックスへ複数の影をつけます 3

Text プロパティ

プロパティ 説明 CSS
hanging-punctuation 句読点を、行ボックスの外側に置くことができるどうかを指定します 3
punctuation-trim 句読点を切り落とすかどうかを指定します 3
text-align-last text-align が "均等割付" である時に、ブロックの最終行、または強制改行の直前の行をどう配置するかを記述します 3
text-emphasis 要素のテキストへ、強調マーク、および強調マークの文字色を適用します 3
text-justify text-align が "均等割付" である時に使用する、均等割付のメソッドを指定します 3
text-outline テキストのアウトラインを指定します 3
text-overflow テキストが、包含要素をオーバフローした時にどうするかを指定します 3
text-shadow テキストへ影を加えます 3
text-wrap テキストへ改行規則を指定します 3
word-break non-CJK スクリプトへ改行規則を指定します 3
word-wrap 長い非改行の単語を改行して、次の行に折り返すことを可能にします 3

Font プロパティ

プロパティ 説明 CSS
@font-face ウェブサイトが "web-safe" フォントを除いたフォントをダウンロードし、使用することを可能にするルール 3
font-size-adjust フォント代替えされた時は、テキストの読みやすさを保ちます 3
font-stretch Selects a normal, condensed, or expanded face from a font family 3

Color プロパティ

プロパティ 説明 CSS
color-profile デフォルト以外のソース色プロファイルの指定を可能にします 3
opacity 要素へ不透明レベルを設定します 3
rendering-intent デフォルト以外の色プロファイルのレンダリング・インテントの指定を可能にします 3

2D/3D Transform プロパティ

プロパティ 説明 CSS
transform 要素へ 2D または 3D transformation を適用します 3
transform-origin 変形した要素位置の変更を可能にします 3
transform-style ネストした要素を、3D 空間にどのようにレンダリングするかを指定します 3
perspective 3D 要素をどう表示するか、遠近効果を指定します 3
perspective-origin 3D 要素の底辺の位置を指定します 3
backface-visibility スクリーンに面していない時に、要素を表示するかどうかを定義します 3

Transition プロパティ

プロパティ 説明 CSS
transition 4つの transition プロパティを設定するためのショートハンド・プロパティです 3
transition-property トランジションが適用される CSS プロパティの名前を指定します 3
transition-duration トランジション効果が完了するのにかかる、秒数またはミリ秒を指定します 3
transition-timing-function トランジション効果のスピード曲線を指定します 3
transition-delay トランジション効果が何時始まるかを定義します 3

Animation プロパティ

プロパティ 説明 CSS
@keyframes アニメーションを指定します 3
animation animation-play-state property を除く、次の全ての animation プロパティへのショートハンド・プロパティです 3
animation-name @keyframes アニメーションの名前を指定します 3
animation-duration アニメーションの1サイクルが完了するのに必要な秒数またはミリ秒数を指定します 3
animation-timing-function アニメーションのスピード曲線を指定します 3
animation-delay アニメーションが何時始まるかを指定します 3
animation-iteration-count アニメーションを再生する回数を指定します 3
animation-direction アニメーションを交互に反転再生させるかどうかを指定します 3
animation-play-state アニメーションへ再生中か一時停止かを指定します 3

Box プロパティ

プロパティ 説明 CSS
overflow-x 要素のコンテンツ・エリアをオーバフローしたとき、コンテンツの左/右エッジを切り取るかどうかを指定します 3
overflow-y 要素のコンテンツ・エリアをオーバフローしたとき、コンテンツの上/下エッジを切り取るかどうかを指定します 3
overflow-style オーバフロした要素へ好みのスクロール方法を指定します 3
rotation rotation-point プロパティで定義されたポイントの周りの要素を回転させます 3
rotation-point 左上の境界エッジからのオフセットとしてポイントを定義します 3

Linebox プロパティ

プロパティ 説明 CSS
alignment-adjust 要素のより精密な配置を可能にします 3
alignment-baseline インラインレベル要素を、その親に対してどのように配置するかを指定します 3
baseline-shift 優先するベースライン（dominant-baseline）と相対的に優先するベースラインの再配置を可能にします 3
dominant-baseline scaled-baseline-table を指定します 3
drop-initial-after-adjust 装飾頭文字の第一接続点の揃え位置を指定します 3
drop-initial-after-align 装飾頭文字の第一接続点の揃えラインを指定します 3
drop-initial-before-adjust 装飾頭文字の第二接続点の揃え位置を指定する 3
drop-initial-before-align 装飾頭文字の第二接続点の揃えラインを指定する 3
drop-initial-size 装飾頭文字のサイズを指定する 3
drop-initial-value 装飾頭文字効果をアクティブにします 3 
inline-box-align multi-line インラインブロックの行は、行内の前または次のインライン要素のどちらへ配置されるかを設定します 3
line-stacking line-stacking-strategy、line-stacking-ruby および line-stacking-shift プロパティを設定するためのショートハンド・プロパティ 3
line-stacking-ruby ルビ注釈要素を含むブロック要素の、行の重ね方を設定します 3
line-stacking-shift base-shift を持つ要素を含むブロック要素を設定します 3
line-stacking-strategy 包含ブロック要素内の重なったラインボックスに対する行の重ね方の戦略を設定します 3
text-height インラインボックスのテキスト・コンテンツエリアのblock-progression dimension を設定します 3

Flexible Box プロパティ

プロパティ 説明 CSS
box-align ボックスの子要素をどのように配置するかを指定します 3
box-direction ボックスの子要素をどの方向に表示するかを指定します 3
box-flex ボックスの子要素のサイズが、伸縮可能か否かを指定します 3
box-flex-group 伸縮ボックスにグループを割り当てて伸縮の優先順位を指定します 3
box-lines ボックス内を複数行（複数列）にするかどうかを指定します 3
box-ordinal-group ボックス内の子要素に表示の順番を指定します 3
box-orient ボックスの子要素を水平に並べるか、垂直に並べるかを指定します 3
box-pack 水平ボックスの水平位置および垂直ボックスの垂直位置を指定します 3

Hyperlink プロパティ

プロパティ 説明 CSS
target target-name、target-new および target-position プロパティを設定するためのショートハンド・プロパティ 3
target-name どこでリンクを開くかを指定します（ターゲットの宛先） 3
target-new 新しい宛先リンクを、新しいウィンドウまたは既存ウィンドウの新しいタブに開くことを指定します 3
target-position 新しい宛先リンクがどこに置かれるかを指定します 3

Grid プロパティ

プロパティ 説明 CSS
grid-columns グリッドの各列の幅を指定します 3
grid-rows グリッドの各列の高さを指定します 3

Multi-column プロパティ

プロパティ 説明 CSS
column-count 要素を分割する列数を指定します 3
column-fill 列をどのように埋めるかを指定します 3
column-gap 列間のギャップを指定します 3
column-rule 全 column-rule-* プロパティを設定するためのショートハンド・プロパティ 3
column-rule-color 列間の罫線の色を指定します 3
column-rule-style 列間の罫線のスタイルを指定します 3
column-rule-width 列間の罫線の幅を指定します 3
column-span 要素がまたがる（横切る）列数を指定します 3
column-width Specifies the width of the columns 3
columns column-width と column-count を設定するためのショートハンド・プロパティ 3

User-interface プロパティ

プロパティ 説明 CSS
appearance 要素が標準ユーザ・インターフェイス要素のような外観になることを可能にします 3
box-sizing ある方法でエリアに収まるように、ある要素を定義することを可能にします 3
icon 要素へアイコンと同等なスタイルを設定する能力を作者に提供します 3
nav-down 下矢印ナビゲーションキーを使う時、どこへナビゲートするかを指定します 3
nav-index 要素へタブによる移動の順序を指定します 3
nav-left 左矢印ナビゲーションキーを使う時、どこへナビゲートするかを指定します 3
nav-right 右矢印ナビゲーションキーを使う時、どこへナビゲートするかを指定します 3
nav-up 上矢印ナビゲーションキーを使う時、どこへナビゲートするかを指定します 3
outline-offset アウトラインをオフセットし、境界の縁を越えてアウトラインを描きます 3
resize ユーザによる要素のリサイズが可能かどうかを指定します 3

Marquee プロパティ

プロパティ 説明 CSS
marquee-direction コンテンツが動く方向を設定します 3
marquee-play-count コンテンツを動かす回数を設定します 3
marquee-speed コンテンツのスクロール速度を設定します 3
marquee-style コンテンツが動くスタイルを設定します 3

Generated Content プロパティ

プロパティ 説明 CSS
crop 全体のオブジェクトの代わりに、置換要素が単にオブジェクトの矩形のエリアであることを可能にします 3
move-to 要素をフローから取除き、後方のポイントで文書に再度挿入します 3
page-policy 指定された要素のどのページベースの発生が、カウンタまたは文字列値に適用されるかを決定します 3

Paged Media プロパティ

プロパティ 説明 CSS
fit width と height プロパティが auto でなければ、どのように置換要素を伸縮するかのヒントを与えます 3
fit-position ボック内のオブジェクトの配置を決定します 3
image-orientation ユーザーエージェントがイメージに適用する、右または時計方向への回転を指定します 3
page 要素が表示されるべきページの特定のタイプを指定します 3
size ページコンテンツのための包含ボックスのサイズと用紙の向きを指定します 3

Content for Paged Media プロパティ

プロパティ 説明 CSS
bookmark-label ブックマークのラベルを指定します 3
bookmark-level ブックマークのレベルを指定します 3
bookmark-target ブックマークリンクのターゲットを指定します 3
float-offset float によりフロートされた逆方向にフロート要素を押し出します 3
hyphenate-after ハイフネーション文字の後の、ハイフンでつなぐ単語の最小文字数を指定します 3
hyphenate-before ハイフネーション文字の前の、ハイフンでつなぐ単語の最小文字数を指定します 3
hyphenate-character ハイフン区切りが発生した時に表示する文字列を指定します 3
hyphenate-lines 要素の連続するハイフンの最大数を示します 3
hyphenate-resource ブラウザがハイフン付きポイントの決定を手助けできる、外部リソースのカンマ区切りのリストを指定します 3
hyphens 段落のレイアウト改善のため、どう単語を分割するを設定します 3
image-resolution 画像の正しい解像度を指定します 3
marks トンボ（印刷物の見当合わせ記号）を付加します 3
string-set   3

Ruby プロパティ

プロパティ 説明 CSS
ruby-align ルビ・テキストとルビベースのコンテンツの相互関連でテキストの配置を制御します 3
ruby-overhang ルビ・テキストが、ルビのベースより広いときに、自身のベースに加え、隣接するテキストに部分的にはみ出るのを許容するかどうか、 およびどちら側かを決定します。 3
ruby-position ベースに対するルビ・テキストの位置を制御します 3
ruby-span 注釈要素のまたがる動作を制御します 3

Speech プロパティ

プロパティ 説明 CSS
mark mark-before および mark-after プロパティを設定するためのショートハンド・プロパティ 3
mark-after 名前付きマーカを、オーディオストリームの後に加えることを可能にします 3
mark-before 名前付きマーカを、オーディオストリームの前に加えることを可能にします 3
phonemes 対応した要素に含まれているテキストの音声での発音を指定します 3
rest rest-before および rest-after プロパティを設定するためのショートハンド・プロパティ 3
rest-after 要素内容を話した後の休憩または間を指定します 3
rest-before 要素内容を話す前の休憩または間を指定します 3
voice-balance 左右のチャンネルのバランスを指定します 3
voice-duration 選択した要素内容をレンダリングするのにどのくらいの時間が必要かを指定します 3
voice-pitch 話し声の平均的なピッチ（周波数）を指定します 3
voice-pitch-range 平均的なピッチのバリエーションを指定します 3
voice-rate 話すレート（速度）を制御します 3
voice-stress 適用される強調の強さを示します 3
voice-volume 音声合成による波形出力の振幅を参照します 3


« 前章へ 次のリファレンス »