CSS Referansı
Bu CSS Referansı, bütün standart CSS özelliklerini, pseudo sınıflarını, pseudo elementlerini, @-kurallarını, birimleri* ve seçicileri alfabetik olarak sıralar. Bunların her biri için hızlı ve detaylı bilgiye ulaşabilirsiniz. Sadece CSS1 ve CSS2 özellikleri değil, aynı zamanda konsept standartlı veya stabil her CSS3 ile bağlantılı özellik için de bir referans niteliğindedir.
Ayrıca -moz prefix'i aracılığıyla Gecko-spesifik olarak tanımlanan Mozilla CSS Eklentileri sayfasını ziyaret edebilir veya dilerseniz Webkit-spesifik olarak tanımlanan WebKit CSS Eklentileri sayfasını ziyaret edebilirsiniz. Tüm prefixed özellikleri incelemek için Vendor-prefixed CSS Property Overview ismi ile Peter Beverloo tarafından hazırlanan sayfayı ziyaret edebilirsiniz.
-A
:activeadditive-symbols (@counter-style)(en-US)::after (:after)(en-US)align-content(en-US)align-items(en-US)align-self(en-US)align-tracks(en-US)all(en-US)<an-plus-b><angle>(en-US)<angle-percentage>(en-US)animation(en-US)animation-delay(en-US)animation-direction(en-US)animation-duration(en-US)animation-fill-mode(en-US)animation-iteration-count(en-US)animation-name(en-US)animation-play-state(en-US)animation-timing-function(en-US)@annotation(en-US)annotation()(en-US):any-link(en-US)appearance(en-US)aspect-ratio(en-US)attr()(en-US)
::backdrop(en-US)backdrop-filter(en-US)backface-visibility(en-US)backgroundbackground-attachment(en-US)background-blend-mode(en-US)background-clip(en-US)background-colorbackground-image(en-US)background-origin(en-US)background-position(en-US)background-position-x(en-US)background-position-y(en-US)background-repeat(en-US)background-size(en-US)<basic-shape>(en-US)::before (:before)(en-US):blank(en-US)bleed (@page)(en-US)<blend-mode>(en-US)block-overflowblock-size(en-US)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(en-US)border-left-color(en-US)border-left-style(en-US)border-left-width(en-US)border-radius(en-US)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(en-US)box-decoration-break(en-US)box-shadow(en-US)box-sizing(en-US)break-after(en-US)break-before(en-US)break-inside(en-US)brightness()(en-US)
calc()(en-US)caption-side(en-US)caret-color(en-US)@character-variant(en-US)character-variant()(en-US)@charset(en-US):checked(en-US)circle()(en-US)clamp()(en-US)clear(en-US)clip(en-US)clip-path(en-US)<color>(en-US)color(en-US)color-adjust(en-US)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(en-US)content(en-US)content-visibility(en-US)contrast()(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(en-US)<custom-ident>(en-US)length#ch(en-US)length#cm(en-US)
angle#deg(en-US):default(en-US):defined(en-US)<dimension>(en-US):dir(en-US)direction(en-US):disabled(en-US)display<display-box>(en-US)<display-inside>(en-US)<display-internal>(en-US)<display-legacy>(en-US)<display-listitem>(en-US)<display-outside>(en-US)drop-shadow()(en-US)resolution#dpcm(en-US)resolution#dpi(en-US)resolution#dppx(en-US)
element()(en-US)ellipse()(en-US):empty(en-US)empty-cells(en-US):enabled(en-US)env()(en-US)length#em(en-US)length#ex(en-US)
fallback (@counter-style)(en-US)filter(en-US)<filter-function>(en-US):first(en-US):first-child(en-US)::first-letter (:first-letter)::first-line (:first-line)(en-US):first-of-typefit-content()(en-US)<flex>(en-US)flex(en-US)flex-basis(en-US)flex-direction(en-US)flex-flow(en-US)flex-grow(en-US)flex-shrink(en-US)flex-wrap(en-US)flex_value#fr(en-US)float(en-US):focus:focus-visible(en-US):focus-within(en-US)font(en-US)font-display (@font-face)(en-US)@font-face(en-US)font-family(en-US)font-family (@font-face)(en-US)font-feature-settings(en-US)font-feature-settings (@font-face)@font-feature-values(en-US)font-kerning(en-US)font-language-override(en-US)font-optical-sizing(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-ligatures(en-US)font-variant-numeric(en-US)font-variant-position(en-US)font-variation-settings(en-US)font-variation-settings (@font-face)(en-US)font-weight(en-US)font-weight (@font-face)(en-US)forced-color-adjust(en-US)format()(en-US)<frequency>(en-US)<frequency-percentage>(en-US):fullscreen(en-US):future(en-US)
angle#grad(en-US)gap(en-US)<gradient>(en-US)::grammar-error(en-US)grayscale()(en-US)grid(en-US)grid-area(en-US)grid-auto-columns(en-US)grid-auto-flow(en-US)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(en-US)grid-template-rows(en-US)
frequency#Hz(en-US)hanging-punctuation(en-US):has(en-US)height(en-US)height (@viewport)(en-US)@historical-forms:host()(en-US):host-context()(en-US):hover(en-US)hsl()(en-US)hsla()(en-US)hue-rotate()(en-US)hyphens(en-US)
<ident>(en-US)<image>(en-US)image()(en-US)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(en-US)initial-letter(en-US)initial-letter-align(en-US)initial-value (@property)(en-US)inline-size(en-US)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(en-US)invert()(en-US):is(en-US)isolation(en-US)length#in(en-US)
:lang(en-US):last-child:last-of-type(en-US)leader():left(en-US)left(en-US)@left-bottom(en-US)<length>(en-US)<length-percentage>(en-US)letter-spacing(en-US)line-break(en-US)line-clampline-height(en-US)line-height-step(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)
length#mm(en-US)marginmargin-block(en-US)margin-block-end(en-US)margin-block-start(en-US)margin-bottom(en-US)margin-inline(en-US)margin-inline-end(en-US)margin-inline-start(en-US)margin-left(en-US)margin-right(en-US)margin-top(en-US)margin-trim(en-US)::marker(en-US)marks (@page)(en-US)mask(en-US)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-style(en-US)matrix()(en-US)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-width(en-US)max-width (@viewport)(en-US)max-zoom (@viewport)(en-US)@media(en-US)min()(en-US)min-block-size(en-US)min-height(en-US)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(en-US)time#ms(en-US)
@namespace(en-US)negative (@counter-style)(en-US):not:nth-child(en-US):nth-col(en-US):nth-last-child(en-US):nth-last-col(en-US):nth-last-of-type(en-US):nth-of-type(en-US)<number>(en-US)
object-fit(en-US)object-position(en-US)offset(en-US)offset-anchor(en-US)offset-distance(en-US)offset-path(en-US)offset-position(en-US)offset-rotate(en-US):only-child(en-US):only-of-type(en-US)opacity(en-US)opacity()(en-US):optional(en-US)order(en-US)orientation (@viewport)(en-US)@ornaments(en-US)ornaments()(en-US)orphans(en-US):out-of-range(en-US)outline(en-US)outline-color(en-US)outline-offset(en-US)outline-style(en-US)outline-width(en-US)overflow(en-US)overflow-anchor(en-US)overflow-block(en-US)overflow-inline(en-US)overflow-wrap(en-US)overflow-x(en-US)overflow-y(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)
Pseudo-classes(en-US)Pseudo-elements(en-US)length#pc(en-US)length#pt(en-US)length#px(en-US)pad (@counter-style)(en-US)padding(en-US)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(en-US)padding-right(en-US)padding-top(en-US)@page(en-US)page-break-after(en-US)page-break-before(en-US)page-break-inside(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()(en-US)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(en-US)polygon()(en-US)<position>(en-US)position(en-US)prefix (@counter-style)(en-US)@property(en-US)
angle#rad(en-US)length#rem(en-US)radial-gradient()(en-US)range (@counter-style)(en-US)<ratio>(en-US):read-only(en-US):read-write(en-US)rect()(en-US)repeat()(en-US)repeating-linear-gradient()(en-US)repeating-radial-gradient()(en-US):required(en-US)resize(en-US)<resolution>(en-US)revert(en-US)rgb()(en-US)rgba()(en-US):right(en-US)right@right-bottom(en-US):rootrotate(en-US)rotate()(en-US)rotate3d()(en-US)rotateX()(en-US)rotateY()(en-US)rotateZ()(en-US)row-gap(en-US)ruby-align(en-US)ruby-mergeruby-position(en-US)
saturate()(en-US)scale(en-US)scale()(en-US)scale3d()(en-US)scaleX()(en-US)scaleY()(en-US)scaleZ()(en-US):scope(en-US)scroll-behavior(en-US)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)scrollbar-color(en-US)scrollbar-gutter(en-US)scrollbar-width(en-US)::selection(en-US)selector()sepia()(en-US)<shape>(en-US)shape-image-threshold(en-US)shape-margin(en-US)shape-outsidesize (@page)(en-US)skew()(en-US)skewX()(en-US)skewY()(en-US)::slotted(en-US)speak-as (@counter-style)(en-US)::spelling-error(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)@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(en-US)
angle#turn(en-US)tab-size(en-US)table-layout(en-US):target(en-US)target-counter()target-counters()::target-text(en-US)target-text():target-within(en-US)text-align(en-US)text-align-last(en-US)text-combine-upright(en-US)text-decoration(en-US)text-decoration-color(en-US)text-decoration-line(en-US)text-decoration-skip(en-US)text-decoration-skip-ink(en-US)text-decoration-style(en-US)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(en-US)text-rendering(en-US)text-shadow(en-US)text-size-adjust(en-US)text-transform(en-US)text-underline-offset(en-US)text-underline-position(en-US)<time>(en-US)<time-percentage>(en-US)<timing-function>(en-US)top(en-US)@top-center(en-US)touch-action(en-US)transform(en-US)transform-box(en-US)<transform-function>(en-US)transform-origin(en-US)transform-style(en-US)transition(en-US)transition-delay(en-US)transition-duration(en-US)transition-property(en-US)transition-timing-function(en-US)translate(en-US)translate()(en-US)translate3d()(en-US)translateX()(en-US)translateY()(en-US)translateZ()(en-US)
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-zoom (@viewport)(en-US)
length#vh(en-US)length#vmax(en-US)length#vmin(en-US)length#vw(en-US):valid(en-US)var()(en-US)vertical-align(en-US)@viewport(en-US)viewport-fit (@viewport)(en-US)visibility(en-US):visited(en-US)
:where(en-US)white-space(en-US)widows(en-US)width(en-US)width (@viewport)(en-US)will-change(en-US)word-break(en-US)word-spacing(en-US)word-wrap(en-US)writing-mode(en-US)
Seçiciler
- Temel Seçiciler
- Tip seçicileri
elementname - Sınıf seçicileri
.classname - ID seçiciler
#idname - Evrensel seçiciler
* ns|* *|* - Özellik seçicileri
[attr=value]
- Tip seçicileri
- Combinators
- Pseudo-elementleri
- Pseudo-sınıfları
CSS3 özelleştirmeleri için tüm seçicilerin listesi.
CSS3 Kullanımı
Küçük boyutlu sayfalar oluşturmak için yeni bir teknoloji ortaya çıktı CSS3, ancak yakın zamana kadar düşük destekli olan CCS2.1 kullanılıyordu.