スタイルシート（CSS）

• 基本
  • 基本
  • 色の指定
  • 単位（絶対寸法、相対寸法、角度、時間、周波数）
  • CSSセレクタ
  • 属性セレクタ
  • 疑似クラス
  • 疑似要素
  • @ルール
  • CSSハック
• Animation - アニメーション
  • @keyframes（キーフレーム定義）*
  • animation（アニメーションプロパティの一括指定）*
  • animatio-name（アニメーション名）*
  • animation-duration（アニメーション完了までの時間）*
  • animation-timing-function（アニメーションの進行割合）*
  • animation-delay（アニメーション開始の遅延時間）*
  • animation-iteration-count（アニメーションの繰り返し回数）*
  • animation-direction（アニメーションする方向）*
  • animation-play-state（アニメーションの実行・一時停止）*
• Background - 背景
  • background（背景プロパティの一括指定）
  • background-attachment（背景画像のスクロール方法）
  • background-clip（背景の描画領域）
  • background-color（背景色）
  • background-image（背景画像）
  • background-origin（背景画像の配置領域）
  • background-position（背景画像の開始位置）
  • background-repeat（背景画像の繰り返し方法）
  • background-size（背景画像のサイズ）
  • multiple backgrounds（背景画像の複数指定）
• Border - 枠線
  • border（ボーダープロパティの一括指定）
  • border-*（各ボーダープロパティの一括指定）
  • border-color（ボーダーの色）
  • border-*-color（各ボーダーの色）
  • border-style（ボーダーの種類）
  • border-*-style（各ボーダーの種類）
  • border-width（ボーダーの太さ）
  • border-*-width（各ボーダーの太さ）
• Border Images - ボーダー画像
  • border-image（ボーダー画像プロパティの一括指定）
  • border-image-outset（ボーダー画像のはみだし方法）
  • border-image-repeat（ボーダー画像の繰り返し・角丸・伸縮方法）
  • border-image-slice（ボーダー画像の内側のオフセット）
  • border-image-source（ボーダーに使用する画像）
  • border-image-width（ボーダー画像の幅）
• Box - ボックス
  • clear（要素の回り込み解除）
  • display（要素の表示形式）
  • float（要素のフロート方法）
  • visibility（要素の可視の有無）
  • box-decoration-break（ボックスの改行方法）*
  • box-shadow（ボックスの影）
  • display:none と visibility:hidden の違い
• Color - 色
  • color（色の指定）
  • opacity（透過度）*
• Dimension - 寸法
  • width/height（要素の幅・高さ）
  • max-width/max-height（要素の最大幅・最大高さ）
  • min-width/min-height（要素の最小幅・最小高さ）
• Font - フォント
  • font（フォントプロパティの一括指定）
  • font-family（フォントの種類）
  • font-size（フォントサイズ）
  • font-size-adjust（フォントサイズの調整）
  • font-stretch（フォントの字幅）
  • font-style（フォントのスタイル）
  • font-variant（スモールキャプスフォント）
• Generated content - 生成されたコンテンツ
  • content（コンテンツ挿入）　※:after及び:befor擬似要素と併用
  • counter-increment（自動カウンタ及び番号付け）
  • counter-reset（自動カウンタ及び番号付けをリセット）
  • quotes（引用符の挿入）*
• List - リスト・マーカー
  • list-style（リストプロパティの一括指定）
  • list-style-image（リストマークの画像URLを指定）
  • list-style-position（リストの項目のインデント方法を指定）
  • list-style-type（リストマークの指定）
  • marker-offset（マーカー）
• Margin/Padding - 外余白・内余白
  • margin（外余白プロパティの一括指定）
  • margin-top（要素の上外余白）
  • margin-right（要素の右外余白）
  • margin-bottom（要素の下外余白）
  • margin-left（要素の左外余白）
  • padding（内余白プロパティの一括指定）
  • padding-top（要素の上内余白）
  • padding-right（要素の右の内余白）
  • padding-bottom（要素の下内余白）
  • padding-left（要素の左内余白）
  • !DOCTYPEによるブラウザのpaddingの解釈の違い
  • IEとFirefox、Netscapeでのセンタリング指定の違い
• Overflow - オーバーフロー
  • overflow（コンテンツがボックスからあふれた場合の表示方法）
  • overflow-style（あふれた場合のスクロール方法を指定）*
  • overflow-x（X方向の表示方法）*
  • overflow-y（Y方向の表示方法）*
• Positioning - 配置
  • position（ボックス要素の基準位置）
  • top（上からの位置）
  • bottom（下からの位置）
  • left（左からの位置）
  • right（右からの位置）
• Rounded Corners - 角丸
  • border-radius（角丸プロパティの一括指定）*
  • border-*-*radius（角丸プロパティの個別指定）*
• Table - テーブル
  • border-collapse（テーブルの枠線の表示方法）
  • border-spacing（テーブルのセルの間隔）
  • caption-side（表題の表示位置）
  • empty-cells（空のセルの枠線表示有無）
  • table-layout（テーブルの横幅の計算方法）
• Text - テキスト
  • direction（文字表記の方向）
  • unicode-bidi（unicodeの文字表記の方向）
  • writing-mode（縦書き表示）*
  • letter-spacing（文字間隔）
  • line-height（行間隔）
  • text-align（水平方向の整列位置）
  • text-decoration（文字装飾）
  • text-indent（先頭行のインデント）
  • text-transform（テキストの大文字化）*
  • text-justify（テキストの均等割付形式）*
  • text-overflow（テキストあふれ方）*
  • text-shadow（テキストの影）*
  • white-space（空白の扱い）
  • word-spacing（単語間隔）
  • word-break（非CJKスクリプトの改行間隔）*
  • word-wrap（単語の開業方法）*
  • vertical-align（垂直方向の整列位置）
• 2D/3D Transform - 変形
  • transform（2D/3D変形の適用）*
  • transform-origin（変形の起点）*
  • transform-style（変形のスタイル）*
  • perspective（3D要素の表示方法）*
  • perspective-origin（3D要素の底位置）*
  • backface-visibility（要素が裏返っているのを見えるようにするか）*
• User-interface - ユーザーインタフェース
  • cursor（カーソルの形状）
• CSSデザイン
  • 引用
  • CSSボタン
  • カレンダー・日付
  • 画像エフェクト
  • 警告・ヒント・注釈表示
  • 送信フォーム
  • 見出し
  • ヘルプページのレイアウト
  • リンク
  • リスト
  • ナビゲーションメニュー
  • スクロールバー付ボックス（overflow使用）
  • ソースコード
  • ロールオーバー
  • テーブル
  • 角丸ボックス・吹き出し
• CSS3デザイン
  • メモ風
  • CSS3ボタン
  • CSS3ボタンジェネレータ
  • リボン、帯
  • 吹き出し

関連コンテンツ

TOP / ご利用上の注意点 / リンクについて / RSS

©2025 PHP & JavaScript Room All Rights Reserved.