CONTENTS
セレクタ
Vendor-Prefix
- 【CSS】CSS3のVendor-Prefix他...Vendor-Prefix一覧他
ボックス
- box-sizing...要素の幅と高さにボーダーを含めるか指定 CSS3
- display:flexについて...Flexboxに関連するプロパティや値 CSS3
box-pack・flex-packjustify-content...flexアイテムの配置の仕方を指定 CSS3box-align・flex-alignalign-items...flexコンテナにflexアイテムのを高さを指定 CSS3flex-item-alignalign-self...flexアイテムに高さを指定 CSS3flex-line-packalign-content...どのようにflexアイテムを配置するかの指定 CSS3box-orient・box-directionflex-direction...flexアイテムの並ぶ方向の指定 CSS3box-lines・flex-wrapflex-wrap...flexアイテムを折り返して配置するかしないかの指定 CSS3- flex-flow...flex-directionとflex-wrapのショートハンド CSS3
box-ordinal-group・flex-orderorder...flexアイテムの並び順の指定 CSS3box-flex・box-flex-groupflex...flex-grow・flex-shrink・flex-basisのショートハンド CSS3- flex-grow...flexアイテムの伸縮率の指定 CSS3
- flex-shrink ...flexアイテムの伸縮率の指定 CSS3
- flex-basis...flexアイテムの横幅(高さ)の指定 CSS3
- display...要素の表示指定
- resize...リサイズの指定 CSS3
- box-shadow...要素に影を付ける CSS3
- width...幅の指定
- max-width...幅の最大値を指定
- min-width...幅の最小値を指定
- height...高さの指定
- max-height...高さの最大値を指定
- min-height...高さの最小値を指定
- margin...marginを指定
- padding...paddingを指定
- overflow...はみ出した内容の表示方法を指定
- visibility...要素の表示・非表示の指定
- float...左または右に寄せて配置する
- clear...回り込みを解除する
- position...レイアウトの指定
- z-index...重なりの順序を指定
アニメーション
- animation...アニメーションの指定 CSS3
- animation-name...アニメーションを実行させるキーフレーム名の指定 CSS3
- animation-duration...アニメーションの時間の指定 CSS3
- animation-timing-function...アニメーションの速度の変化パターンの指定 CSS3
- animation-iteration-count...アニメーションを繰り返す回数を指定 CSS3
- animation-direction...アニメーションを繰り返す際に逆再生する指定 CSS3
- animation-delay...アニメーションの開始時間を遅らせる指定 CSS3
- @keyframes...キーフレームを設定して名前を付ける CSS3
トランジション
- transition-delay...スムーズに変化する開始時間を遅らせる指定 CSS3
- transition-timing-function...スムーズに変化する時間のパターン指定 CSS3
- transition-duration...スムーズに変化する時間の指定 CSS3
- transition-property...スムーズに変化させるプロパティの指定 CSS3
- transition...スムーズな変化の一括指定 CSS3
トランスフォーム
- transform-origin...transformの基準点の指定 CSS3
- transform...移動・回転・拡大縮小・傾斜 CSS3
段組レイアウト
- column-gap...段と段の間隔 CSS3
- column-rule...段の境界線の指定 CSS3
- column-rule-color...段の境界線の色指定 CSS3
- column-rule-style...段の境界線の種類指定 CSS3
- column-rule-width...段の境界線の幅指定 CSS3
- column-width...段の幅 CSS3
- column-count...段の数 CSS3
背景
- background-size...背景画像のサイズ指定 CSS3
- background-origin...背景画像の基準位置の指定 CSS3
- background-clip...背景画像の表示指定 CSS3
- background-color...背景色を指定
- background-image...背景画像を指定
- background-repeat...背景画像のリピートを指定
- background-position...背景画像の表示開始位置の指定
- background-attachment...背景画像の固定・移動の指定
- background...背景に関する設定をまとめて指定
フォント・テキスト
- word-break...行の折り返し CSS3
- overflow-wrap(word-wrap)...行の折り返し CSS3
- text-overflow...「...」の表示 CSS3
- text-shadow...テキストに影を付ける CSS3
- font-family...フォントの種類を指定
- quotes...contentで挿入する引用符の種類の設定
- content...内容を挿入する
- unicode-bidi...Unicodeの文字表記の方向を上書きする
- direction...文字表記の方向を指定
- white-space...スペース、タブ、改行の仕方を指定
- word-spacing...単語の間隔を指定
- letter-spacing...文字の間隔を指定
- line-height...行の高さを指定
- vertical-align...縦方向の位置を指定
- text-align...位置・均等割付を指定
- text-indent...インデントの幅を指定
- text-transform...大文字、小文字の指定
- font...フォントに関する設定をまとめて指定
- font-variant...フォントをスモールキャップにする
- font-style...イタリック体・斜体にする
- font-weight...太さを指定
- font-size...サイズを指定
- text-decoration...テキストの装飾を指定
- color...文字色の指定
リスト
- list-style-type...マーカー文字の種類を指定
- list-style-position...マーカーの表示位置の指定
- list-style-image...マーカー画像の指定
- list-style...マーカーに関する設定をまとめて指定
ボーダー
- border-image...ボーダーに画像を表示する指定 CSS3
- border-radius...角丸の指定 CSS3
- border-top-left-radius...border-radiusをご参照ください CSS3
- border-top-right-radius...border-radiusをご参照ください CSS3
- border-bottom-right-radius...border-radiusをご参照ください CSS3
- border-bottom-left-radius...border-radiusをご参照ください CSS3
- border...ボーダーに関する設定をまとめて指定
- border-width...ボーダーの太さを指定
- border-color...ボーダーの色を指定
- border-style...ボーダーのスタイルを指定
アウトライン
- outline-offset...ボーダーとアウトラインの間隔 CSS3
- outline-color...色を指定
- outline-style...スタイルを指定
- outline-width...太さを指定
- outline...アウトラインに関する設定をまとめて指定
画像
- clip...画像を切抜き表示
テーブル
- border-collapse...セルのボーダー表示の仕方を指定
- border-spacing...セルのボーダー間隔の指定
- table-layout...テーブルの表示方法の指定
- empty-cells...空白セルのボーダーの表示・非表示を指定
- caption-side...テーブルのキャプションの位置を指定
- visibility...テーブルの行または列の表示・非表示の指定
色
- linear-gradient...グラデーション CSS3
- opacity...不透明度 CSS3
- hsla()...HSL+A(不透明度) CSS3
- rgba()...RBG+A(透明度) CSS3
Webフォント
- @font-face...Web上のフォント指定(Webフォント) CSS3
メディアクエリー
- @media...CSS適用対象の詳細指定 CSS3
カーソル
- cursor...カーソルの形状を指定
印刷
- page-break-before...印刷の改ページ箇所を指定
- page-break-after...印刷の改ページ箇所を指定
CSSハック
- CSSハック...CSSハックコード
詳細説明
- プロパティ詳細説明...CSSプロパティの詳細