Skip to main content
Skip to search
Technologies
Technologies Overview
HTML
CSS
JavaScript
Graphics
HTTP
APIs
Browser Extensions
MathML
References & Guides
Learn web development
Tutorials
References
Developer Guides
Accessibility
Game development
...more docs
Feedback
Send Feedback
Contribute to MDN
Report a content issue 🌐
Report a platform issue 🌐
Search MDN
CSS-2 Quick Reference
Visual
Change language
View in
English
Visual
CSS
標準で定義された
メディアグループ
。
参照
W3C Media Types Spec
Interwiki Languages Links
Related Topics
Learn CSS
CSS first steps
CSS first steps overview
What is CSS?
Getting started with CSS
How CSS is structured
How CSS works
Using your new knowledge
CSS building blocks
CSS building blocks overview
Cascade and inheritance
CSS selectors
The box model
Backgrounds and borders
Handling different text directions
Overflowing content
Values and units
Sizing items in CSS
Images, media, and form elements
Styling tables
Debugging CSS
Organizing your CSS
Styling text
Styling text overview
Fundamental text and font styling
Styling lists
Styling links
Web fonts
Assessment: Typesetting a community school homepage
CSS layout
CSS layout overview
Introduction to CSS layout
Normal Flow
Flexbox
Grids
Floats
Positioning
Multiple-column Layout
Responsive design
Beginner's guide to media queries
Legacy Layout Methods
Supporting Older Browsers
Fundamental Layout Comprehension
Reference
Modules
Compositing and Blending
CSS Animations
CSS Backgrounds and Borders
CSS Basic User Interface
CSS Basic Box Model
CSS Charsets
CSS Color
CSS Multi-column Layout
CSS Conditional Rules
CSS Counter Styles
CSS Device Adaptation
CSS Display
CSS Flexible Box Layout
CSS Fonts
CSS Fragmentation
CSS Generated Content
CSS Grid Layout
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
CSS Houdini
(en-US)
CSS Images
CSS Lists
CSS Logical Properties and Values
CSS Masking
CSS Miscellaneous
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
CSS Motion Path
CSS Namespaces
CSS Paged Media
CSS Positioned Layout
CSS Ruby Layout
CSS Scroll Snap Points
CSS Scroll Snap
CSS Scrollbars
CSS selectors
CSS Shapes
CSS Table
CSS Text Decoration
CSS Text
CSS Transforms
CSS Transitions
CSS data types
CSS Custom Properties for Cascading Variables
CSS Writing Modes
CSSOM View
Filter Effects
Media queries
Pseudo-classes
Pseudo-elements
CSS reference
Properties
align-content
align-items
align-self
all
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
animation
appearance (-moz-appearance, -webkit-appearance)
aspect-ratio
(en-US)
backdrop-filter
backface-visibility
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
background-position-x
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
background-position-y
background-position
background-repeat
background-size
background
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
block-size
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-color
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-end-color
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-end-style
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-end-width
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-end
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-start-color
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-start-style
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-start-width
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-start
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-block-width
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-bottom
border-collapse
border-color
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-end-end-radius
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-end-start-radius
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-image
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-color
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-end-color
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-end-style
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-end-width
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-end
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-start-color
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-start-style
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-start-width
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-start
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-style
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline-width
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-inline
border-left-color
border-left-style
border-left-width
border-left
border-radius
border-right-color
border-right-style
border-right-width
border-right
border-spacing
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-start-end-radius
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
border-start-start-radius
border-style
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-top
border-width
bottom
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
box-decoration-break
box-shadow
box-sizing
break-after
break-before
break-inside
caption-side
caret-color
clear
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
clip-path
これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
clip
color-scheme
(en-US)
color
column-count
column-fill
column-gap (grid-column-gap)
column-rule-color
column-rule-style
column-rule-width
column-rule
column-span
column-width
columns
contain
content-visibility
content
counter-increment
counter-reset
counter-set
cursor
direction
display
empty-cells
filter
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
flex
float
font-family
font-feature-settings
font-kerning
font-language-override
font-optical-sizing
font-size-adjust
font-size
font-stretch
font-style
font-synthesis
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
font-variant
font-variation-settings
font-weight
font
forced-color-adjust
(en-US)
gap (grid-gap)
grid-area
(en-US)
grid-auto-columns
(en-US)
grid-auto-flow
(en-US)
grid-auto-rows
(en-US)
grid-column-end
(en-US)
grid-column-start
grid-column
grid-row-end
(en-US)
grid-row-start
(en-US)
grid-row
grid-template-areas
grid-template-columns
grid-template-rows
(en-US)
grid-template
grid
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
hanging-punctuation
height
hyphens
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
image-orientation
image-rendering
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
image-resolution
(en-US)
これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
ime-mode
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
initial-letter-align
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
initial-letter
inline-size
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
inset-block-end
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
inset-block-start
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
inset-block
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
inset-inline-end
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
inset-inline-start
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
inset-inline
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
inset
isolation
justify-content
justify-items
justify-self
left
letter-spacing
line-break
line-height-step
line-height
list-style-image
list-style-position
list-style-type
list-style
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
margin-block-end
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
margin-block-start
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
margin-block
margin-bottom
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
margin-inline-end
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
margin-inline-start
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
margin-inline
margin-left
margin-right
margin-top
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
margin-trim
(en-US)
margin
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-border-mode
(en-US)
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-border-outset
(en-US)
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-border-repeat
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-border-slice
(en-US)
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-border-source
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-border-width
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-border
(en-US)
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-clip
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-composite
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-image
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-mode
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-origin
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-position
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-repeat
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
mask-size
(en-US)
mask-type
mask
(en-US)
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
max-block-size
max-height
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
max-inline-size
max-width
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
min-block-size
min-height
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
min-inline-size
min-width
mix-blend-mode
object-fit
object-position
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
offset-distance
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
offset-position
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
offset-rotate
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
offset
opacity
order
orphans
outline-color
outline-offset
outline-style
outline-width
outline
overflow-anchor
overflow-block
overflow-clip-margin
(en-US)
overflow-inline
overflow-wrap
overflow-x
overflow-y
overflow
overscroll-behavior-block
overscroll-behavior-inline
overscroll-behavior-x
overscroll-behavior-y
overscroll-behavior
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
padding-block-end
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
padding-block-start
padding-bottom
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
padding-inline-end
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
padding-inline-start
padding-left
padding-right
padding-top
padding
page-break-after
page-break-before
page-break-inside
perspective-origin
perspective
place-content
place-items
place-self
pointer-events
position
quotes
resize
right
rotate
row-gap (grid-row-gap)
ruby-align
ruby-position
scale
scroll-behavior
scroll-margin-bottom
scroll-margin-inline-start
scroll-margin-inline
scroll-margin-left
scroll-margin-right
scroll-margin-top
scroll-padding-block-end
scroll-padding-block-start
scroll-padding-bottom
scroll-padding-inline-end
scroll-padding-inline-start
scroll-padding-inline
scroll-padding-left
scroll-padding
これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
scroll-snap-coordinate
これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
scroll-snap-destination
これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
scroll-snap-points-x
(en-US)
これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
scroll-snap-points-y
(en-US)
scroll-snap-type
scrollbar-color
scrollbar-width
shape-image-threshold
shape-margin
shape-outside
(en-US)
tab-size
table-layout
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
text-align-last
text-align
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
text-combine-upright
text-decoration-color
text-decoration-line
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
text-decoration-skip-ink
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
text-decoration-skip
text-decoration-style
text-decoration
text-emphasis-color
text-emphasis-position
text-emphasis-style
text-emphasis
text-indent
text-justify
text-orientation
text-overflow
text-rendering
text-shadow
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
text-size-adjust
text-transform
text-underline-position
(en-US)
top
touch-action
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
transform-box
transform-origin
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
transform-style
transform
transition-delay
transition-duration
transition-property
transition-timing-function
transition
translate
unicode-bidi
user-select
vertical-align
visibility
white-space
widows
width
will-change
word-break
word-spacing
writing-mode
z-index
Selectors
Adjacent sibling combinator
Attribute selectors
Child combinator
Class selectors
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
Column combinator
Descendant combinator
General sibling combinator
ID selectors
Selector list
Type selectors
Universal selectors
Pseudo-classes
:active
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
:any-link
:autofill
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
:blank
:checked
:default
:defined
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
:dir()
:disabled
:empty
:enabled
:first-child
:first-of-type
:first
:focus-visible
:focus-within
:focus
:fullscreen
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
:has()
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
:host-context()
:host()
(en-US)
:host
:hover
:in-range
:indeterminate
:invalid
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
:is() (:matches(), :any())
:lang()
:last-child
:last-of-type
:left
:link
:not()
:nth-child()
:nth-last-child()
:nth-last-of-type()
:nth-of-type()
:only-child
:only-of-type
:optional
:out-of-range
:paused
(en-US)
:picture-in-picture
(en-US)
:placeholder-shown
:playing
(en-US)
:read-only
:read-write
:required
:right
:root
:scope
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
:state()
(en-US)
:target
:valid
:visited
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
:where()
Privacy and the :visited selector
Pseudo-classes
Pseudo-elements
::after (:after)
::backdrop
::before (:before)
::cue-region
(en-US)
::cue
::first-letter (:first-letter)
::first-line (:first-line)
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
::grammar-error
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
::marker
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
::part()
::placeholder
::selection
::slotted()
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
::spelling-error
::target-text
(en-US)
Pseudo-elements
At-rules
@charset
@color-profile
(en-US)
@counter-style
@document
@font-face
@font-feature-values
@import
@keyframes
@media
@namespace
@page
@property
(en-US)
@supports
これは実験段階の API です。製品内のコードで使用しないようご注意ください。
@viewport
Types
<alpha-value>
<angle-percentage>
<angle>
<basic-shape>
<blend-mode>
<color>
CSS Functional Notation
CSS data types
<custom-ident>
<dimension>
<display-box>
<display-inside>
<display-internal>
<display-legacy>
<display-listitem>
<display-outside>
<easing-function>
<filter-function>
<flex>
<frequency-percentage>
<frequency>
<gradient>
ident
<image>
<integer>
<length-percentage>
<length>
<number>
<percentage>
<position>
<ratio>
<resolution>
これは非推奨の API です。まだ動作しているかもしれませんが、もう使用するべきではありません。
<shape>
<string>
<time-percentage>
<time>
<transform-function>
<translation-value>
(en-US)
Guides
Animations
Using CSS animations
Backgrounds and Borders
Using multiple backgrounds
Resizing background images
Box alignment
Box alignment in block layout
Box alignment in flexbox
Box alignment in grid layout
(en-US)
Box alignment in multi-column layout
Box model
Introduction to the CSS basic box model
Mastering margin collapsing
Columns
Basic concepts of Multicol
Styling columns
Spanning and balancing
Handling overflow in Multicol
Content breaks in Multicol
Conditional rules
Using feature queries
(en-US)
CSSOM view
Coordinate systems
(en-US)
Flexbox
Basic concepts of Flexbox
Comparison with other layout methods
Aligning items in a flex container
Ordering flex items
Controlling flex item ratios
Mastering wrapping of flex items
Typical use cases of Flexbox
Backwards compatibility of Flexbox
Flow layout
Block and Inline layout in normal flow
In flow and Out of flow
Formatting contexts explained
Flow layout and writing modes
Flow layout and overflow
Fonts
OpenType font features guide
Variable fonts guide
Grid
Basics concepts of grid layout
Relationship to other layout methods
Line-based placement
(en-US)
Grid template areas
(en-US)
Layout using named grid lines
Auto-placement in grid layout
Box alignment in grid layout
Grids, logical values and writing modes
(en-US)
Grid layout and accessibility
(en-US)
Grid Layout and progressive enhancement
(en-US)
Realizing common layouts using grids
(en-US)
Subgrid
Masonry layout
(en-US)
Images
Using CSS gradients
Lists and counters
Using CSS counters
Consistent list indentation
(en-US)
Logical properties
Basic concepts
Floating and positioning
Margins, borders and padding
Sizing
Media queries
Using media queries
Using media queries for accessibility
Testing media queries programmatically
Positioning
Understanding CSS z-index
Scroll snap
Basic concepts of scroll snap
(en-US)
Browser compatibility and scroll snap
Shapes
Overview of shapes
Shapes from box values
Basic shapes
Shapes from images
Text
Wrapping and breaking text
(en-US)
Transforms
Using transforms
Transitions
Using transitions
Layout cookbook
Media objects
Columns
Center an element
Sticky footers
Split navigation
Breadcrumb navigation
List group with badges
Pagination
Card
Grid wrapper
Tools
Color picker
Box shadow generator
(en-US)
Border image generator