• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. 開発者向けのウェブ技術
  2. CSS: カスケーディングスタイルシート
  3. CSS 条件付きルール
    • English (US)
    • Deutsch
    • Español
    • Français
    • 한국어

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

この記事では

  • リファレンス
  • ガイド
  • 関連概念
  • 仕様書
  • 関連情報
  1. CSS
  2. 初心者向けチュートリアル
  3. 初めてのウェブサイト: コンテンツのスタイル設定
  4. CSS スタイル設定の基本
    1. CSS とは何か
    2. CSS 入門
    3. 課題: 経歴ページのスタイル設定
    4. 基本的な CSS セレクター
    5. 属性セレクター
    6. 擬似クラスと擬似要素
    7. 結合子
    8. ボックスモデル
    9. 競合の処理
    10. CSS の値と単位
    11. CSS におけるアイテムのサイズ設定
    12. 背景と境界線
    13. オーバーフロー
    14. 画像、メディア、フォーム要素
    15. 表のスタイル設定
    16. CSS のデバッグ
    17. 課題: 基本的な CSS の理解
    18. 課題: 美しいレターヘッド付きの便箋の作成
    19. 課題: かっこいいボックス
  5. CSS テキストの装飾
    1. 基本的なテキストとフォントのスタイル設定
    2. リストのスタイル設定
    3. リンクのスタイル設定
    4. ウェブフォント
    5. 課題: コミュニティスクールのホームページの組版
  6. CSS レイ