Referência de CSS
-
Use esta referência de CSS para navegar por um índice alfabético das propriedades padrão do CSS, pseudo-classes, pseudo-elementos, tipos de dados e @-rules.
Esta referência lista não somente as propriedades do CSS1 e CSS2.1, mas também referências para qualquer propriedade, conceito padronizado ou estabilizado do CSS3.
Veja também Extensões CSS Mozilla para propriedades específicas do Gecko prefixadas com -moz
e Extensões CSS do WebKit para propriedades específicas do WebKit. Veja Visão geral de propriedades CSS prefixadas por distribuidor por Peter Beverloo para todas as propriedades prefixadas.
A
abs()
(en-US)accent-color
(en-US)acos()
(en-US):active
additive-symbols (@counter-style)
(en-US)::after (:after)
align-content
align-items
align-self
align-tracks
(en-US)all
(en-US)<an-plus-b>
<angle>
(en-US)<angle-percentage>
(en-US)animation
animation-composition
(en-US)animation-delay
animation-direction
(en-US)animation-duration
(en-US)animation-fill-mode
animation-iteration-count
(en-US)animation-name
(en-US)animation-play-state
(en-US)animation-timeline
(en-US)animation-timing-function
(en-US)@annotation
(en-US)annotation()
(en-US):any-link
(en-US)appearance
(en-US)ascent-override (@font-face)
(en-US)asin()
(en-US)aspect-ratio
(en-US)atan()
(en-US)atan2()
(en-US)attr()
B
::backdrop
backdrop-filter
backface-visibility
background
background-attachment
background-blend-mode
background-clip
background-color
background-image
(en-US)background-origin
background-position
background-position-x
(en-US)background-position-y
(en-US)background-repeat
(en-US)background-size
base-palette (@font-palette-values)
(en-US)<basic-shape>
(en-US)::before (:before)
:blank
bleed (@page)
<blend-mode>
block-overflow
block-size
blur()
(en-US)border
(en-US)border-block
(en-US)border-block-color
(en-US)border-block-end
(en-US)border-block-end-color
(en-US)border-block-end-style
(en-US)border-block-end-width
(en-US)border-block-start
(en-US)border-block-start-color
(en-US)border-block-start-style
(en-US)border-block-start-width
(en-US)border-block-style
(en-US)border-block-width
(en-US)border-bottom
(en-US)border-bottom-color
(en-US)border-bottom-left-radius
(en-US)border-bottom-right-radius
(en-US)border-bottom-style
(en-US)border-bottom-width
(en-US)border-collapse
(en-US)border-color
(en-US)border-end-end-radius
(en-US)border-end-start-radius
(en-US)border-image
(en-US)border-image-outset
(en-US)border-image-repeat
(en-US)border-image-slice
(en-US)border-image-source
(en-US)border-image-width
(en-US)border-inline
(en-US)border-inline-color
(en-US)border-inline-end
(en-US)border-inline-end-color
(en-US)border-inline-end-style
(en-US)border-inline-end-width
(en-US)border-inline-start
(en-US)border-inline-start-color
(en-US)border-inline-start-style
(en-US)border-inline-start-width
(en-US)border-inline-style
(en-US)border-inline-width
(en-US)border-left
border-left-color
border-left-style
(en-US)border-left-width
(en-US)border-radius
border-right
(en-US)border-right-color
(en-US)border-right-style
(en-US)border-right-width
(en-US)border-spacing
(en-US)border-start-end-radius
(en-US)border-start-start-radius
(en-US)border-style
(en-US)border-top
(en-US)border-top-color
(en-US)border-top-left-radius
(en-US)border-top-right-radius
(en-US)border-top-style
(en-US)border-top-width
(en-US)border-width
(en-US)bottom
(en-US)@bottom-center
box-decoration-break
(en-US)box-shadow
box-sizing
break-after
break-before
(en-US)break-inside
(en-US)brightness()
(en-US)
C
calc()
caption-side
(en-US)caret
caret-color
(en-US)caret-shape
@character-variant
(en-US)character-variant()
(en-US)@charset
:checked
circle()
(en-US)clamp()
(en-US)clear
clip
(en-US)clip-path
(en-US)<color>
color
color-scheme
column-count
(en-US)column-fill
(en-US)column-gap
(en-US)column-rule
(en-US)column-rule-color
(en-US)column-rule-style
(en-US)column-rule-width
(en-US)column-span
(en-US)column-width
(en-US)columns
(en-US)conic-gradient()
(en-US)contain
contain-intrinsic-block-size
(en-US)contain-intrinsic-height
(en-US)contain-intrinsic-inline-size
(en-US)contain-intrinsic-size
(en-US)contain-intrinsic-width
(en-US)container
(en-US)container-name
(en-US)container-type
(en-US)content
content-visibility
(en-US)contrast()
(en-US)cos()
(en-US)<counter>
(en-US)counter-increment
(en-US)counter-reset
(en-US)counter-set
(en-US)@counter-style
(en-US)counters()
(en-US)cross-fade()
(en-US)cubic-bezier()
(en-US)::cue
(en-US)::cue-region
(en-US):current
(en-US)cursor
<custom-ident>
(en-US)length#cap
(en-US)length#ch
(en-US)length#cm
(en-US)
D
angle#deg
(en-US):default
(en-US):defined
(en-US)descent-override (@font-face)
(en-US)<dimension>
(en-US):dir
(en-US)direction
(en-US):disabled
display
<display-box>
<display-inside>
<display-internal>
<display-legacy>
<display-listitem>
<display-outside>
drop-shadow()
(en-US)resolution#dpcm
(en-US)resolution#dpi
(en-US)resolution#dppx
(en-US)
E
element()
ellipse()
(en-US):empty
empty-cells
(en-US):enabled
env()
exp()
(en-US)length#em
(en-US)length#ex
(en-US)
F
fallback (@counter-style)
(en-US)filter
(en-US)<filter-function>
:first
(en-US):first-child
::first-letter (:first-letter)
::first-line (:first-line)
:first-of-type
fit-content()
(en-US)<flex>
(en-US)flex
flex-basis
(en-US)flex-direction
flex-flow
flex-grow
(en-US)flex-shrink
(en-US)flex-wrap
flex_value#fr
(en-US)float
:focus
:focus-visible
(en-US):focus-within
font
(en-US)font-display (@font-face)
(en-US)@font-face
font-family
font-family (@font-face)
(en-US)font-family (@font-palette-values)
(en-US)font-feature-settings
font-feature-settings (@font-face)
@font-feature-values
(en-US)font-kerning
font-language-override
(en-US)font-optical-sizing
(en-US)font-palette
(en-US)@font-palette-values
(en-US)font-size
font-size-adjust
(en-US)font-stretch
(en-US)font-stretch (@font-face)
(en-US)font-style
(en-US)font-style (@font-face)
(en-US)font-synthesis
(en-US)font-variant
(en-US)font-variant (@font-face)
(en-US)font-variant-alternates
(en-US)font-variant-caps
(en-US)font-variant-east-asian
(en-US)font-variant-emoji
(en-US)font-variant-ligatures
(en-US)font-variant-numeric
(en-US)font-variant-position
(en-US)font-variation-settings
font-variation-settings (@font-face)
(en-US)font-weight
font-weight (@font-face)
(en-US)forced-color-adjust
(en-US)format()
(en-US)<frequency>
(en-US)<frequency-percentage>
(en-US):fullscreen
:future
(en-US)
G
angle#grad
(en-US)gap
<gradient>
(en-US)::grammar-error
(en-US)grayscale()
grid
grid-area
(en-US)grid-auto-columns
(en-US)grid-auto-flow
grid-auto-rows
(en-US)grid-column
(en-US)grid-column-end
(en-US)grid-column-start
(en-US)grid-row
(en-US)grid-row-end
(en-US)grid-row-start
(en-US)grid-template
(en-US)grid-template-areas
(en-US)grid-template-columns
grid-template-rows
H
frequency#Hz
(en-US)hanging-punctuation
(en-US):has
(en-US)height
height (@viewport)
(en-US)@historical-forms
:host()
(en-US):host-context()
:hover
hsl()
hsla()
hue-rotate()
(en-US)hwb()
hyphenate-character
(en-US)hyphenate-limit-chars
(en-US)hyphens
hypot()
(en-US)
I
<ident>
(en-US)<image>
image()
image-orientation
(en-US)image-rendering
(en-US)image-resolution
(en-US)image-set()
(en-US)@import
:in-range
(en-US):indeterminate
(en-US)inherit
(en-US)inherits (@property)
(en-US)initial
initial-letter
(en-US)initial-letter-align
(en-US)initial-value (@property)
(en-US)inline-size
input-security
inset
(en-US)inset()
(en-US)inset-block
(en-US)inset-block-end
(en-US)inset-block-start
(en-US)inset-inline
(en-US)inset-inline-end
(en-US)inset-inline-start
(en-US)<integer>
(en-US):invalid
invert()
(en-US):is
(en-US)isolation
length#ic
(en-US)length#in
(en-US)
J
K
L
lab()
:lang
(en-US):last-child
:last-of-type
@layer
layer()
layer() (@import)
lch()
leader()
:left
(en-US)left
(en-US)@left-bottom
<length>
(en-US)<length-percentage>
(en-US)letter-spacing
line-break
line-clamp
line-gap-override (@font-face)
(en-US)line-height
(en-US)line-height-step
(en-US)<line-style>
(en-US)linear-gradient()
(en-US):link
list-style
(en-US)list-style-image
(en-US)list-style-position
(en-US)list-style-type
(en-US)local()
(en-US):local-link
(en-US)log()
(en-US)
M
length#mm
(en-US)margin
margin-block
(en-US)margin-block-end
(en-US)margin-block-start
(en-US)margin-bottom
margin-inline
(en-US)margin-inline-end
(en-US)margin-inline-start
(en-US)margin-left
(en-US)margin-right
(en-US)margin-top
margin-trim
(en-US)::marker
(en-US)marks (@page)
mask
mask-border
(en-US)mask-border-mode
(en-US)mask-border-outset
(en-US)mask-border-repeat
(en-US)mask-border-slice
(en-US)mask-border-source
(en-US)mask-border-width
(en-US)mask-clip
(en-US)mask-composite
(en-US)mask-image
(en-US)mask-mode
(en-US)mask-origin
(en-US)mask-position
(en-US)mask-repeat
(en-US)mask-size
(en-US)mask-type
(en-US)masonry-auto-flow
(en-US)math-depth
(en-US)math-shift
(en-US)math-style
(en-US)matrix()
matrix3d()
(en-US)max()
(en-US)max-block-size
(en-US)max-height
(en-US)max-height (@viewport)
(en-US)max-inline-size
(en-US)max-lines
max-width
max-width (@viewport)
(en-US)max-zoom (@viewport)
(en-US)@media
min()
(en-US)min-block-size
(en-US)min-height
min-height (@viewport)
(en-US)min-inline-size
(en-US)min-width
(en-US)min-width (@viewport)
(en-US)min-zoom (@viewport)
(en-US)minmax()
(en-US)mix-blend-mode
mod()
(en-US)time#ms
N
@namespace
(en-US)negative (@counter-style)
(en-US):not
:nth-child
:nth-col
(en-US):nth-last-child
:nth-last-col
(en-US):nth-last-of-type
(en-US):nth-of-type
<number>
O
object-fit
object-position
(en-US)offset
offset-anchor
(en-US)offset-distance
(en-US)offset-path
(en-US)offset-position
(en-US)offset-rotate
(en-US):only-child
:only-of-type
opacity
opacity()
:optional
order
(en-US)orientation (@viewport)
(en-US)@ornaments
(en-US)ornaments()
(en-US)orphans
(en-US):out-of-range
outline
outline-color
(en-US)outline-offset
(en-US)outline-style
(en-US)outline-width
(en-US)<overflow>
overflow-anchor
(en-US)overflow-block
(en-US)overflow-clip-margin
(en-US)overflow-inline
(en-US)overflow-wrap
overflow-x
(en-US)overflow-y
(en-US)override-colors (@font-palette-values)
(en-US)overscroll-behavior
(en-US)overscroll-behavior-block
(en-US)overscroll-behavior-inline
(en-US)overscroll-behavior-x
(en-US)overscroll-behavior-y
(en-US)
P
Pseudo-classes
Pseudo-elements
length#pc
(en-US)length#pt
(en-US)length#px
(en-US)pad (@counter-style)
(en-US)padding
padding-block
(en-US)padding-block-end
(en-US)padding-block-start
(en-US)padding-bottom
(en-US)padding-inline
(en-US)padding-inline-end
(en-US)padding-inline-start
(en-US)padding-left
padding-right
(en-US)padding-top
(en-US)@page
page
(en-US)page-break-after
(en-US)page-break-before
page-break-inside
(en-US)page-orientation (@page)
(en-US)paint()
(en-US)paint-order
(en-US)::part
(en-US):past
(en-US)path()
(en-US):paused
(en-US)<percentage>
(en-US)perspective
(en-US)perspective()
perspective-origin
(en-US):picture-in-picture
(en-US)place-content
(en-US)place-items
(en-US)place-self
(en-US)::placeholder
(en-US):placeholder-shown
(en-US):playing
(en-US)pointer-events
polygon()
(en-US)<position>
(en-US)position
pow()
(en-US)prefix (@counter-style)
(en-US)print-color-adjust
(en-US)@property
(en-US)
Q
R
angle#rad
(en-US)length#rem
(en-US)radial-gradient()
(en-US)range (@counter-style)
(en-US)<ratio>
(en-US)ray()
(en-US):read-only
(en-US):read-write
rect()
(en-US)rem()
(en-US)repeat()
(en-US)repeating-conic-gradient()
(en-US)repeating-linear-gradient()
(en-US)repeating-radial-gradient()
(en-US):required
resize
(en-US)<resolution>
(en-US)reversed()
revert
(en-US)rgb()
rgba()
:right
(en-US)right
(en-US)@right-bottom
:root
rotate
(en-US)rotate()
rotate3d()
rotateX()
(en-US)rotateY()
(en-US)rotateZ()
(en-US)round()
(en-US)row-gap
(en-US)ruby-align
ruby-merge
ruby-position
(en-US)
S
saturate()
(en-US)scale
(en-US)scale()
scale3d()
(en-US)scaleX()
(en-US)scaleY()
(en-US)scaleZ()
(en-US):scope
(en-US)scroll()
(en-US)scroll-behavior
scroll-margin
(en-US)scroll-margin-block
(en-US)scroll-margin-block-end
(en-US)scroll-margin-block-start
(en-US)scroll-margin-bottom
(en-US)scroll-margin-inline
(en-US)scroll-margin-inline-end
(en-US)scroll-margin-inline-start
(en-US)scroll-margin-left
(en-US)scroll-margin-right
(en-US)scroll-margin-top
(en-US)scroll-padding
(en-US)scroll-padding-block
(en-US)scroll-padding-block-end
(en-US)scroll-padding-block-start
(en-US)scroll-padding-bottom
(en-US)scroll-padding-inline
(en-US)scroll-padding-inline-end
(en-US)scroll-padding-inline-start
(en-US)scroll-padding-left
(en-US)scroll-padding-right
(en-US)scroll-padding-top
(en-US)scroll-snap-align
(en-US)scroll-snap-stop
(en-US)scroll-snap-type
(en-US)@scroll-timeline
(en-US)scroll-timeline
(en-US)scroll-timeline-axis
(en-US)scroll-timeline-name
(en-US)scrollbar-color
scrollbar-gutter
(en-US)scrollbar-width
(en-US)::selection
selector()
sepia()
<shape>
(en-US)shape-image-threshold
(en-US)shape-margin
(en-US)shape-outside
(en-US)sign()
(en-US)sin()
(en-US)size (@page)
(en-US)size-adjust (@font-face)
(en-US)skew()
(en-US)skewX()
(en-US)skewY()
(en-US)::slotted
(en-US)speak-as (@counter-style)
(en-US)::spelling-error
(en-US)sqrt()
(en-US)src (@font-face)
(en-US)steps()
(en-US)<string>
(en-US)@styleset
(en-US)styleset()
(en-US)@stylistic
(en-US)stylistic()
(en-US)suffix (@counter-style)
(en-US)@supports
(en-US)supports() (@import)
@swash
(en-US)swash()
(en-US)symbols (@counter-style)
(en-US)symbols()
(en-US)syntax (@property)
(en-US)system (@counter-style)
(en-US)time#s
T
angle#turn
(en-US)tab-size
(en-US)table-layout
(en-US)tan()
(en-US):target
target-counter()
target-counters()
::target-text
(en-US)target-text()
:target-within
(en-US)text-align
text-align-last
(en-US)text-combine-upright
(en-US)text-decoration
text-decoration-color
(en-US)text-decoration-line
(en-US)text-decoration-skip
(en-US)text-decoration-skip-ink
(en-US)text-decoration-style
text-decoration-thickness
(en-US)text-emphasis
(en-US)text-emphasis-color
(en-US)text-emphasis-position
(en-US)text-emphasis-style
(en-US)text-indent
(en-US)text-justify
(en-US)text-orientation
(en-US)text-overflow
text-rendering
text-shadow
text-size-adjust
(en-US)text-transform
text-underline-offset
(en-US)text-underline-position
(en-US)<time>
<time-percentage>
(en-US)<timing-function>
(en-US)top
(en-US)@top-center
touch-action
transform
transform-box
(en-US)<transform-function>
transform-origin
(en-US)transform-style
transition
transition-delay
transition-duration
(en-US)transition-property
(en-US)transition-timing-function
translate
translate()
translate3d()
(en-US)translateX()
(en-US)translateY()
(en-US)translateZ()
(en-US)type()
U
unicode-bidi
(en-US)unicode-range (@font-face)
(en-US)unset
(en-US)<url>
(en-US)url()
(en-US):user-invalid
(en-US)user-select
(en-US):user-valid
(en-US)user-zoom (@viewport)
(en-US)
V
length#vh
(en-US)length#vmax
(en-US)length#vmin
(en-US)length#vw
(en-US):valid
var()
vertical-align
::view-transition
(en-US)::view-transition-group
(en-US)::view-transition-image-pair
(en-US)view-transition-name
(en-US)::view-transition-new
(en-US)::view-transition-old
(en-US)@viewport
(en-US)viewport-fit (@viewport)
(en-US)visibility
:visited
W
:where
(en-US)white-space
widows
(en-US)width
width (@viewport)
(en-US)will-change
word-break
word-spacing
(en-US)word-wrap
writing-mode
X
Z
Others
Seletores
- Seletores básicos
- Seletores de tipo
elementname
- Seletores de classe
.classname
- Seletores de ID
#idname
- Seletores universais
* ns|* *|*
- Seletores de atributo
[attribute]
[attribute="value"]
[attribute~="value"]
[attribute|="value"]
[attribute^="value"]
[attribute$="value"]
[attribute*="value"]
[ns|attribute]
- Seletores de tipo
- Combinadores
- Pseudo-elementos
- Pseudo-classes