CSSプロパティは、CSS 宣言で使用される引数で、選択した要素の特定の側面をスタイル設定するために使用します。例えば、opacity プロパティは、選択した要素の不透明度を設定するために使用し、その要素の背後のコンテンツを表示するかどうかをコントロールすることができます。

/* 0.8 の opacity を <img> 要素に設定 */img {  opacity: 0.8;}

それぞれのプロパティには、名前（opacity など）、値（0.8 など）、および文書内のレンダリングに関する定義された動作があります。CSS では、一括指定プロパティも定義されているため、1 つの宣言で複数の関連プロパティを指定することができます。例えば、margin プロパティはmargin-top、margin-right、margin-bottom、margin-left の一括指定であり、要素の 4 つの辺すべてのマージンを設定します。

/* <img> 要素に 1rem のマージンを与える */img {  margin: 1rem;}

構文

selector {  property: value;}

アルファベット順のプロパティの索引

CSS 仕様書で定義されている標準のプロパティには、以下のものがあります。

その他

• カスタムプロパティ (--*): CSS 変数

A

• accent-color
• align-content
• align-items
• align-self
• alignment-baseline
• all （一括指定）
• anchor-name
• animation-composition
• animation-delay
• animation-direction
• animation-duration
• animation-fill-mode
• animation-iteration-count
• animation-name
• animation-play-state
• animation-range-end
• animation-range-start
• animation-range （一括指定）
• animation-timeline
• animation-timing-function
• animation （一括指定）
• appearance
• aspect-ratio

B

• backdrop-filter
• backface-visibility
• background-attachment
• background-blend-mode
• background-clip
• background-color
• background-image
• background-origin
• background-position-x
• background-position-y
• background-position
• background-repeat
• background-size
• background （一括指定）
• block-size

Border-*

• border-block-color
• border-block-end-color
• border-block-end-style
• border-block-end-width
• border-block-end （一括指定）
• border-block-start-color
• border-block-start-style
• border-block-start-width
• border-block-start （一括指定）
• border-block-style
• border-block-width
• border-block （一括指定）
• border-bottom-color
• border-bottom-left-radius
• border-bottom-right-radius
• border-bottom-style
• border-bottom-width
• border-bottom （一括指定）
• border-collapse
• border-color （一括指定）
• border-end-end-radius
• border-end-start-radius
• border-image-outset
• border-image-repeat
• border-image-slice
• border-image-source
• border-image-width
• border-image （一括指定）
• border-inline-color
• border-inline-end-color
• border-inline-end-style
• border-inline-end-width
• border-inline-end （一括指定）
• border-inline-start-color
• border-inline-start-style
• border-inline-start-width
• border-inline-start （一括指定）
• border-inline-style
• border-inline-width
• 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
• border-start-end-radius
• 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 （一括指定）
• border （一括指定）

B - C

• bottom
• box-align
• box-decoration-break
• box-direction
• box-flex-group
• box-flex
• box-lines
• box-ordinal-group
• box-orient
• box-pack
• box-shadow
• box-sizing
• break-after
• break-before
• break-inside
• caption-side
• caret-color
• clear
• clip-path
• clip-rule
• clip
• color-interpolation-filters
• color-interpolation
• color-scheme
• color
• column-count
• column-fill
• column-gap
• column-rule-color
• column-rule-style
• column-rule-width
• column-rule （一括指定）
• column-span
• column-width
• columns （一括指定）
• contain-intrinsic-block-size
• contain-intrinsic-height
• contain-intrinsic-inline-size
• contain-intrinsic-size （一括指定）
• contain-intrinsic-width
• contain
• container-name
• container-type
• container （一括指定）
• content-visibility
• content
• counter-increment
• counter-reset
• counter-set
• cursor
• cx
• cy

D - F

• d
• direction
• display
• dominant-baseline
• empty-cells
• field-sizing
• fill-opacity
• fill-rule
• fill
• filter
• flex-basis
• flex-direction
• flex-flow （一括指定）
• flex-grow
• flex-shrink
• flex-wrap
• flex （一括指定）
• float
• flood-color
• flood-opacity
• font-family
• font-feature-settings
• font-kerning
• font-language-override
• font-optical-sizing
• font-palette
• font-size-adjust
• font-size
• font-smooth
• font-stretch
• font-style
• font-synthesis-position
• font-synthesis-small-caps
• font-synthesis-style
• font-synthesis-weight
• font-synthesis （一括指定）
• font-variant-alternates
• font-variant-caps
• font-variant-east-asian
• font-variant-emoji
• font-variant-ligatures
• font-variant-numeric
• font-variant-position
• font-variant （一括指定）
• font-variation-settings
• font-weight
• font （一括指定）
• forced-color-adjust

G - I

• gap （一括指定）
• grid-area （一括指定）
• grid-auto-columns
• grid-auto-flow
• grid-auto-rows
• grid-column-end
• grid-column-start
• grid-column （一括指定）
• grid-row-end
• grid-row-start
• grid-row （一括指定）
• grid-template-areas
• grid-template-columns
• grid-template-rows
• grid-template （一括指定）
• grid （一括指定）
• hanging-punctuation
• height
• hyphenate-character
• hyphenate-limit-chars
• hyphens
• image-orientation
• image-rendering
• image-resolution
• initial-letter
• inline-size
• inset-block-end
• inset-block-start
• inset-block （一括指定）
• inset-block （一括指定）
• inset-inline-end
• inset-inline-start
• inset-inline （一括指定）
• inset-inline （一括指定）
• inset （一括指定）
• inset （一括指定）
• interpolate-size
• isolation

J - M

• justify-content
• justify-items
• justify-self
• left
• letter-spacing
• lighting-color
• line-break
• line-clamp
• line-height-step
• line-height
• list-style-image
• list-style-position
• list-style-type
• list-style （一括指定）
• list-style （一括指定）
• margin-block-end
• margin-block-start
• margin-block （一括指定）
• margin-bottom
• margin-inline-end
• margin-inline-start
• margin-inline （一括指定）
• margin-left
• margin-right
• margin-top
• margin-trim
• margin （一括指定）
• marker-end
• marker-mid
• marker-start
• marker
• mask-border-mode
• mask-border-outset
• mask-border-repeat
• mask-border-slice
• mask-border-source
• mask-border-width
• mask-border （一括指定）
• mask-clip
• mask-composite
• mask-image
• mask-mode
• mask-origin
• mask-position
• mask-repeat
• mask-size
• mask-type
• mask （一括指定）
• math-depth
• math-shift
• math-style
• max-block-size
• max-height
• max-inline-size
• max-width
• min-block-size
• min-height
• min-inline-size
• min-width
• mix-blend-mode

O - P

• object-fit
• object-position
• offset-anchor
• offset-distance
• offset-path
• offset-position
• offset-rotate
• offset （一括指定）
• opacity
• order
• orphans
• outline-color
• outline-offset
• outline-style
• outline-width
• outline （一括指定）
• overflow-anchor
• overflow-block
• overflow-clip-margin
• overflow-inline
• overflow-wrap
• overflow-x
• overflow-y
• overflow （一括指定）
• overlay
• overscroll-behavior-block
• overscroll-behavior-inline
• overscroll-behavior-x
• overscroll-behavior-y
• overscroll-behavior （一括指定）
• padding-block-end
• padding-block-start
• padding-block （一括指定）
• padding-bottom
• padding-inline-end
• padding-inline-start
• padding-inline （一括指定）
• padding-left
• padding-right
• padding-top
• padding （一括指定）
• page-break-after
• page-break-before
• page-break-inside
• page
• paint-order
• perspective-origin
• perspective
• place-content （一括指定）
• place-items （一括指定）
• place-self （一括指定）
• pointer-events
• position-anchor
• position-area
• position-try-fallbacks
• position-try-order
• position-try （一括指定）
• position-visibility
• position
• print-color-adjust

Q - S

• quotes
• r
• reading-flow
• reading-order
• resize
• right
• rotate
• row-gap
• ruby-align
• ruby-position
• rx
• ry
• scale
• scroll-behavior
• scroll-margin-block-end
• scroll-margin-block-start
• scroll-margin-block （一括指定）
• scroll-margin-bottom
• scroll-margin-inline-end
• scroll-margin-inline-start
• scroll-margin-inline （一括指定）
• scroll-margin-left
• scroll-margin-right
• scroll-margin-top
• scroll-margin （一括指定）
• scroll-marker-group
• scroll-padding-block-end
• scroll-padding-block-start
• scroll-padding-block （一括指定）
• scroll-padding-bottom
• scroll-padding-inline-end
• scroll-padding-inline-start
• scroll-padding-inline （一括指定）
• scroll-padding-left
• scroll-padding-right
• scroll-padding-top
• scroll-padding （一括指定）
• scroll-snap-align
• scroll-snap-stop
• scroll-snap-type
• scroll-timeline-axis
• scroll-timeline-name
• scroll-timeline （一括指定）
• scrollbar-color
• scrollbar-gutter
• scrollbar-width
• shape-image-threshold
• shape-margin
• shape-outside
• shape-rendering
• speak-as
• stop-color
• stop-opacity
• stroke-dasharray
• stroke-dashoffset
• stroke-linecap
• stroke-linejoin
• stroke-miterlimit
• stroke-opacity
• stroke-width
• stroke

T - Z

• tab-size
• table-layout
• text-align-last
• text-align
• text-anchor
• text-box-edge
• text-box-trim
• text-box （一括指定）
• text-combine-upright
• text-decoration-color
• text-decoration-line
• text-decoration-skip-ink
• text-decoration-skip
• text-decoration-style
• text-decoration-thickness
• 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
• text-size-adjust
• text-spacing-trim
• text-transform
• text-underline-offset
• text-underline-position
• text-wrap-mode
• text-wrap-style
• text-wrap （一括指定）
• timeline-scope
• top
• touch-action
• transform-box
• transform-origin
• transform-style
• transform
• transition-behavior
• transition-delay
• transition-duration
• transition-property
• transition-timing-function
• transition （一括指定）
• translate
• unicode-bidi
• user-modify
• user-select
• vector-effect
• vertical-align
• view-timeline-axis
• view-timeline-inset
• view-timeline-name
• view-timeline （一括指定）
• view-transition-class
• view-transition-name
• visibility
• white-space-collapse
• white-space
• widows
• width
• will-change
• word-break
• word-spacing
• writing-mode
• x
• y
• z-index
• zoom

標準外のプロパティ

標準外のプロパティや、ベンダー接頭辞の付いたプロパティには次のようなものがあります。

-moz- の接頭辞

• -moz-float-edge
• -moz-force-broken-image-icon
• -moz-orient
• -moz-user-focus
• -moz-user-input

-webkit- の接頭辞

• -webkit-box-reflect
• -webkit-border-before （一括指定）
• -webkit-mask-box-image （一括指定）
• -webkit-mask-composite
• -webkit-mask-position-x
• -webkit-mask-position-y
• -webkit-mask-repeat-x
• -webkit-mask-repeat-y
• -webkit-tap-highlight-color
• -webkit-text-fill-color
• -webkit-text-security
• -webkit-text-stroke （一括指定）
• -webkit-text-stroke-color
• -webkit-text-stroke-width
• -webkit-touch-callout

仕様書

関連情報

• CSS 構文
• 擬似要素
• Firefox (-moz-) ベンダー接頭辞付き CSS 拡張
• WebKit (-webkit-) ベンダー接頭辞付き CSS 拡張
• ベンダー接頭辞