とほほのCSS入門 (CSSリファレンス)
トップ
> CSSリファレンス
[機能順]
[A]
[B]
[C]
[D]
[E]
[F]
[G]
[H]
[I]
[J]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[X]
[Y]
[Z]
概要
CSS入門
リンク
サンプル
表記について
CSS3関連規約
CSS新機能
記号・その他
* { ... }
E
{ ... }
ns
|
E
{ ... }
E
,
F
{ ... }
E
.
class
E
#
id
E
F
{ ... }
E
>
F
{ ... }
E
+
F
{ ... }
E
~
F
{ ... }
E
||
F
{ ... }
[
attr
]
[
ns
|
attr
]
[
attr
="
val
"]
[
attr
~="
val
"]
[
attr
|="
val
"]
[
attr
^="
val
"]
[
attr
$="
val
"]
[
attr
*="
val
"]
A
accent-color
acos()
:active
::after
(
:after
)
align-content
align-items
align-self
all
<angle>
animation
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
:any-link
appearance
asin()
atan()
atan2()
aspect-ratio
attr()
azimuth
B
backface-visibility
background
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position
background-position-x
background-position-y
background-repeat
background-size
::before
(
:before
)
behavior
:blank
block-size
blure()
border
border-block
border-block-color
border-block-end
border-block-end-color
border-block-end-style
border-block-end-width
border-block-start
border-block-start-color
border-block-start-style
border-block-start-width
border-block-style
border-block-width
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-end-end-radius
border-end-start-radius
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-inline
border-inline-color
border-inline-end
border-inline-end-color
border-inline-end-style
border-inline-end-width
border-inline-start
border-inline-start-color
border-inline-start-style
border-inline-start-width
border-inline-style
border-inline-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-start-end-radius
border-start-start-radius
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-decoration-break
box-shadow
box-sizing
break-after
break-before
break-inside
brightness()
C
calc()
caption-side
caret-color
@charset
:checked
clamp()
clear
clip
clip-path
color
<color>
color-scheme
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
contain
contain-intrinsic-block-size
contain-intrinsic-height
contain-intrinsic-inline-size
contain-intrinsic-size
contain-intrinsic-width
@container
container
container-name
container-type
content
content-visibility
contrast()
cos()
counter-increment
counter-reset
@counter-style
cue
cue-after
cue-before
cursor
D
:default
:defined
:dir(
dir
)
direction
:disabled
display
drop-shadow()
E
elevation
:empty
empty-cells
:enabled
F
filter
filter
(IE4-9)
:first-child
::first-letter
(
:first-letter
)
::first-line
(
:first-line
)
:first-of-type
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
float
:focus
:focus-visible
:focus-within
font
@font-face
font-family
font-feature-settings
font-kerning
font-language-override
font-palette
@font-palette-values
font-size
font-size-adjust
font-stretch
font-style
font-synthesis
font-variant
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
font-variation-settings
font-weight
<frequency>
G
gap
grayscale()
grid
grid-area
grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-column
grid-column-end
grid-column-start
grid-row
grid-row-end
grid-row-start
grid-template
grid-template-areas
grid-template-columns
grid-template-rows
H
:has(
...
)
height
:hover
hsl()
hsla()
hue-rotate()
hyphenate-character
hyphens
I
<image>
image-orientation
image-rendering
ime-mode
@import
!important
:in-range
:indeterminate
inherit
initial
initial-letter
inline-size
inset
inset-block
inset-block-end
inset-block-start
inset-inline
inset-inline-end
inset-inline-start
<integer>
:invalid
invert()
:is()
isolation
J
justify-content
justify-items
justify-self
K
@keyframes
L
:lang(
c
)
:last-child
:last-of-type
@layer
layout-grid
layout-grid-char
layout-grid-line
layout-grid-mode
layout-grid-type
left
<length>
<length-percentage>
letter-spacing
line-break
line-clamp
line-height
:link
list-style
list-style-image
list-style-position
list-style-type
:local-link
M
matrix()
matrix3d()
margin
margin-block
margin-block-end
margin-block-start
margin-bottom
margin-inline
margin-inline-end
margin-inline-start
margin-left
margin-right
margin-top
::marker
marker-offset
marks
max()
max-block-size
max-height
max-inline-size
max-width
@media
min()
min-block-size
min-height
min-inline-size
min-width
mix-blend-mode
N
@namespace
:not(
x
)
:nth-child(
n
)
:nth-col
:nth-last-child(
n
)
:nth-last-col
:nth-last-of-type(
n
)
:nth-of-type(
n
)
O
object-fit
object-position
:only-child
:only-of-type
opacity
opacity()
:optional
order
orphans
:out-of-range
outline
outline-color
outline-offset
outline-style
outline-width
overflow
overflow-block
overflow-inline
overflow-wrap
overflow-x
overflow-y
overscroll-behavior
overscroll-behavior-block
overscroll-behavior-inline
overscroll-behavior-x
overscroll-behavior-y
P
padding
padding-block
padding-block-end
padding-block-start
padding-bottom
padding-inline
padding-inline-end
padding-inline-start
padding-left
padding-right
padding-top
@page
page
page-break-after
page-break-before
page-break-inside
pause
pause-after
pause-before
<percentage>
perspective
perspective()
perspective-origin
pitch
pitch-range
place-content
place-items
place-self
::placeholder
:placeholder-shown
play-during
position
<position>
Q
quotes
R
:read-only
:read-write
:required
resize
<resolution>
revert
rgb()
rgba()
richness
right
:root
rotate
rotate()
rotate3d()
rotateX()
rotateY()
rotateZ()
row-gap
ruby-align
ruby-overhang
ruby-position
S
saturate()
scale
scale()
scale3d()
scaleX()
scaleY()
scaleZ()
:scope
scroll-behavior
scroll-margin
scroll-margin-block
scroll-margin-block-end
scroll-margin-block-start
scroll-margin-bottom
scroll-margin-inline
scroll-margin-inline-end
scroll-margin-inline-start
scroll-margin-left
scroll-margin-right
scroll-margin-top
scroll-padding
scroll-padding-block
scroll-padding-block-end
scroll-padding-block-start
scroll-padding-bottom
scroll-padding-inline
scroll-padding-inline-end
scroll-padding-inline-start
scroll-padding-left
scroll-padding-right
scroll-padding-top
scroll-snap-align
scroll-snap-type
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-track-color
::selection
sepia()
shape-outside
shape-margin
shape-image-threshold
sin()
size
skew()
skewX()
skewY()
speak
speak-header
speak-numeral
speak-punctuation
speech-rate
stress
@supports
T
tab-size
table-layout
tan()
:target
:target-within
text-align
text-align-last
text-autospace
text-combine-upright
text-decoration
text-decoration-color
text-decoration-line
text-decoration-skip
text-decoration-skip-ink
text-decoration-style
text-decoration-thickness
text-emphasis
text-emphasis-color
text-emphasis-position
text-emphasis-style
text-indent
text-justify
text-kashida-space
text-orientation
text-overflow
text-rendering
text-shadow
text-stroke
text-stroke-color
text-stroke-width
text-transform
text-underline-offset
text-underline-position
text-wrap
<time>
toggle()
top
touch-action
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
translate
translate()
translate3d()
translateX()
translateY()
translateZ()
U
unicode-bidi
unset
<url>
:user-invalid
user-select
:user-valid
V
:valid
var()
vertical-align
visibility
:visited
voice-family
volume
W
:where()
white-space
widows
width
word-break
word-spacing
word-wrap
writing-mode
Z
z-index
Copyright (C) 1997-2024 杜甫々
初版:2024年1月21日、最終更新:2024年1月21日
http://www.tohoho-web.com/css/index2.htm