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):activeadditive-symbols (@counter-style)(en-US)::after (:after)align-contentalign-itemsalign-selfalign-tracks(en-US)all(en-US)<an-plus-b><angle>(en-US)<angle-percentage>(en-US)animationanimation-composition(en-US)animation-delayanimation-direction(en-US)animation-duration(en-US)animation-fill-modeanimation-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
::backdropbackdrop-filterbackface-visibilitybackgroundbackground-attachmentbackground-blend-modebackground-clipbackground-colorbackground-image(en-US)background-originbackground-positionbackground-position-x(en-US)background-position-y(en-US)background-repeat(en-US)background-sizebase-palette (@font-palette-values)(en-US)<basic-shape>(en-US)::before (:before):blankbleed (@page)<blend-mode>block-overflowblock-sizeblur()(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-leftborder-left-colorborder-left-style(en-US)border-left-width(en-US)border-radiusborder-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-centerbox-decoration-break(en-US)box-shadowbox-sizingbreak-afterbreak-before(en-US)break-inside(en-US)brightness()(en-US)
C
calc()caption-side(en-US)caretcaret-color(en-US)caret-shape@character-variant(en-US)character-variant()(en-US)@charset:checkedcircle()(en-US)clamp()(en-US)clearclip(en-US)clip-path(en-US)<color>colorcolor-schemecolumn-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)containcontain-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)contentcontent-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):disableddisplay<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):emptyempty-cells(en-US):enabledenv()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-typefit-content()(en-US)<flex>(en-US)flexflex-basis(en-US)flex-directionflex-flowflex-grow(en-US)flex-shrink(en-US)flex-wrapflex_value#fr(en-US)float:focus:focus-visible(en-US):focus-withinfont(en-US)font-display (@font-face)(en-US)@font-facefont-familyfont-family (@font-face)(en-US)font-family (@font-palette-values)(en-US)font-feature-settingsfont-feature-settings (@font-face)@font-feature-values(en-US)font-kerningfont-language-override(en-US)font-optical-sizing(en-US)font-palette(en-US)@font-palette-values(en-US)font-sizefont-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-settingsfont-variation-settings (@font-face)(en-US)font-weightfont-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()gridgrid-area(en-US)grid-auto-columns(en-US)grid-auto-flowgrid-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-columnsgrid-template-rows
H
frequency#Hz(en-US)hanging-punctuation(en-US):has(en-US)heightheight (@viewport)(en-US)@historical-forms:host()(en-US):host-context():hoverhsl()hsla()hue-rotate()(en-US)hwb()hyphenate-character(en-US)hyphenate-limit-chars(en-US)hyphenshypot()(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)initialinitial-letter(en-US)initial-letter-align(en-US)initial-value (@property)(en-US)inline-sizeinput-securityinset(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):invalidinvert()(en-US):is(en-US)isolationlength#ic(en-US)length#in(en-US)
J
K
L
lab():lang(en-US):last-child:last-of-type@layerlayer()layer() (@import)lch()leader():left(en-US)left(en-US)@left-bottom<length>(en-US)<length-percentage>(en-US)letter-spacingline-breakline-clampline-gap-override (@font-face)(en-US)line-height(en-US)line-height-step(en-US)<line-style>(en-US)linear-gradient()(en-US):linklist-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)marginmargin-block(en-US)margin-block-end(en-US)margin-block-start(en-US)margin-bottommargin-inline(en-US)margin-inline-end(en-US)margin-inline-start(en-US)margin-left(en-US)margin-right(en-US)margin-topmargin-trim(en-US)::marker(en-US)marks (@page)maskmask-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-linesmax-widthmax-width (@viewport)(en-US)max-zoom (@viewport)(en-US)@mediamin()(en-US)min-block-size(en-US)min-heightmin-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-modemod()(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-fitobject-position(en-US)offsetoffset-anchor(en-US)offset-distance(en-US)offset-path(en-US)offset-position(en-US)offset-rotate(en-US):only-child:only-of-typeopacityopacity():optionalorder(en-US)orientation (@viewport)(en-US)@ornaments(en-US)ornaments()(en-US)orphans(en-US):out-of-rangeoutlineoutline-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-wrapoverflow-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-classesPseudo-elementslength#pc(en-US)length#pt(en-US)length#px(en-US)pad (@counter-style)(en-US)paddingpadding-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-leftpadding-right(en-US)padding-top(en-US)@pagepage(en-US)page-break-after(en-US)page-break-beforepage-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-eventspolygon()(en-US)<position>(en-US)positionpow()(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-writerect()(en-US)rem()(en-US)repeat()(en-US)repeating-conic-gradient()(en-US)repeating-linear-gradient()(en-US)repeating-radial-gradient()(en-US):requiredresize(en-US)<resolution>(en-US)reversed()revert(en-US)rgb()rgba():right(en-US)right(en-US)@right-bottom:rootrotate(en-US)rotate()rotate3d()rotateX()(en-US)rotateY()(en-US)rotateZ()(en-US)round()(en-US)row-gap(en-US)ruby-alignruby-mergeruby-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-behaviorscroll-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-colorscrollbar-gutter(en-US)scrollbar-width(en-US)::selectionselector()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):targettarget-counter()target-counters()::target-text(en-US)target-text():target-within(en-US)text-aligntext-align-last(en-US)text-combine-upright(en-US)text-decorationtext-decoration-color(en-US)text-decoration-line(en-US)text-decoration-skip(en-US)text-decoration-skip-ink(en-US)text-decoration-styletext-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-overflowtext-renderingtext-shadowtext-size-adjust(en-US)text-transformtext-underline-offset(en-US)text-underline-position(en-US)<time><time-percentage>(en-US)<timing-function>(en-US)top(en-US)@top-centertouch-actiontransformtransform-box(en-US)<transform-function>transform-origin(en-US)transform-styletransitiontransition-delaytransition-duration(en-US)transition-property(en-US)transition-timing-functiontranslatetranslate()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):validvar()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-spacewidows(en-US)widthwidth (@viewport)(en-US)will-changeword-breakword-spacing(en-US)word-wrapwriting-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