CSS Reference
HTML
JavaScript
SVG
Linux Server
Development
highlight_alt
Selector
work_outline
Properties
settings
Functions
rule
Rules
category
Types
straighten
Units
article
Documents
manage_search
Indexing
search
검색
CSS Types
CSS Types
W3C Standards
〈absolute-color-base〉
〈absolute-color-function〉
〈absolute-size〉
〈alpha-value〉
〈an+b〉
〈angle-percentage〉
〈angle〉
〈angular-color-hint〉
〈angular-color-stop-list〉
〈angular-color-stop〉
〈animateable-feature〉
〈any-value〉
〈attachment〉
〈attr-type〉
〈auto-repeat〉
〈auto-track-list〉
〈baseline-position〉
〈basic-shape〉
〈bg-image〉
〈bg-layer〉
〈bg-position〉
〈bg-size〉
〈blend-mode〉
〈box〉
〈calc-constant〉
〈calc-number-value〉
〈calc-numer-product〉
〈calc-numer-sum〉
〈calc-product〉
〈calc-sum〉
〈calc-value〉
〈cf-image〉
〈clip-source〉
〈color()〉
〈color-font-tech〉
〈color-interpolation-method〉
〈color-stop-angle〉
〈color-stop-list〉
〈colorspace-params〉
〈color〉
〈common-lig-values〉
〈compositing-operator〉
〈container-condition〉
〈container-name〉
〈content-distribution〉
〈content-list〉
〈content-position〉
〈content-replacement〉
〈contextual-alt-values〉
〈counter-name〉
〈counter-style-name〉
〈counter-style〉
〈counter〉
〈cubic-bezier-easing-function〉
〈custom-ident〉
〈custom-property-name〉
〈dashed-ident〉
〈dashndashdigit-ident〉
〈declaration-list〉
〈declaration-value〉
〈declaration〉
〈delim-token〉
〈dimension-token〉
〈dimension-unit〉
〈dimension〉
〈discretionary-lig-values〉
〈display-box〉
〈display-inside〉
〈display-internal〉
〈display-legacy〉
〈display-listitem〉
〈display-outside〉
〈easing-function〉
〈east-asian-variant-values〉
〈east-asian-width-values〉
〈ending-shape〉
〈explicit-track-list〉
〈extent-keyword〉
〈family-name〉
〈feature-tag-value〉
〈feature-value-name〉
〈filter-function〉
〈filter-value-list〉
〈final-bg-layer〉
〈fixed-breadth〉
〈fixed-repeat〉
〈fixed-size〉
〈font-face-name〉
〈font-feature-tech〉
〈font-format〉
〈font-stretch-css3〉
〈font-tech〉
〈font-variant-css21〉
〈font-variant-css2〉
〈font-weight-absolute〉
〈frequency〉
〈function-token〉
〈general-enclosed〉
〈generic-family〉
〈geometry-box〉
〈gradient〉
〈grid-line〉
〈hash-token〉
〈hex-color〉
〈historical-lig-values〉
〈hsl()〉
〈hue-interpolation-method〉
〈hue〉
〈hwb()〉
〈id-selector〉
〈ident-token〉
〈ident〉
〈image-set-option〉
〈image〉
〈inflexible-breadth〉
〈integer〉
〈isolation-mode〉
〈keyframe-block〉
〈keyframe-selector〉
〈keyframes-name〉
〈lab()〉
〈layer-name〉
〈lch()〉
〈leader-type〉
〈leader〉
〈length-percentage〉
〈length〉
〈line-name-list〉
〈line-names〉
〈line-style〉
〈line-width〉
〈linear-color-hint〉
〈linear-color-stop〉
〈make-source〉
〈mask-layer〉
〈mask-reference〉
〈masking-mode〉
〈media-and〉
〈media-condition-without-or〉
〈media-condition〉
〈media-feature〉
〈media-in-parens〉
〈media-not〉
〈media-or〉
〈media-query-list〉
〈media-query〉
〈media-type〉
〈mf-boolean〉
〈mf-comparison〉
〈mf-eq〉
〈mf-gt〉
〈mf-lt〉
〈mf-name〉
〈mf-plain〉
〈mf-range〉
〈mf-value〉
〈mq-boolean〉
〈n-dimension〉
〈name-repeat〉
〈named-color〉
〈namespace-prefix〉
〈ndash-dimension〉
〈ndashdigit-dimension〉
〈ndashdigit-ident〉
〈number-percentage〉
〈number-token〉
〈number〉
〈numeric-figure-values〉
〈numeric-fraction-values〉
〈numeric-spacing-values〉
〈oklab()〉
〈oklch()〉
〈outline-line-style〉
〈overflow-position〉
〈page-selector-list〉
〈page-selector〉
〈page-size〉
〈palette-identifier〉
〈percentage〉
〈polar-color-space〉
〈position〉
〈predefined-rgb-params〉
〈predefined-rgb〉
〈pseudo-page〉
〈q-name〉
〈query-in-parens〉
〈quote〉
〈ratio〉
〈rectangular-color-space〉
〈relative-size〉
〈repeat-style〉
〈resolution〉
〈rg-ending-shape〉
〈rg-extent-keyword〉
〈rgb()〉
〈rule-list〉
〈self-position〉
〈shadow〉
〈shape-box〉
〈shape-radius〉
〈shape〉
〈side-or-corner〉
〈signed-integer〉
〈signless-integer〉
〈single-animation-direction〉
〈single-animation-fill-mode〉
〈single-animation-iteration-count〉
〈single-animation-play-state〉
〈single-animation〉
〈single-transition-property〉
〈single-transition〉
〈size-feature〉
〈src()〉
〈step-easing-function〉
〈step-position〉
〈string-token〉
〈string〉
〈style-condition〉
〈style-feature〉
〈style-in-parens〉
〈style-query〉
〈stylesheet〉
〈supports-condition〉
〈supports-decl〉
〈supports-feature〉
〈supports-in-parens〉
〈supports-selector-fn〉
〈symbol〉
〈system-color〉
〈target〉
〈time-percentage〉
〈time〉
〈timing-function〉
〈tmp〉
〈track-breadth〉
〈track-list〉
〈track-repeat〉
〈track-size〉
〈transform-function〉
〈transform-list〉
〈type-or-unit〉
〈urange〉
〈url()〉
〈url-modifier〉
〈url-token〉
〈url〉
〈visual-box〉
〈whitespace-token〉
〈xyz-params〉
〈xyz-space〉
〈zero〉
DEVDIC Specified
〈@charset〉
〈@container〉
〈@counter-style〉
〈@font-face〉
〈@font-palette-values〉
〈@import〉
〈@keyframes〉
〈@layer〉
〈@media〉
〈@namespace〉
〈@page〉
〈@property〉
〈@supports〉
〈arg-atan2〉
〈arg-attr〉
〈arg-calc〉
〈arg-clamp〉
〈arg-cubic-bezier〉
〈arg-matrix3d〉
〈arg-matrix〉
〈arg-perspective〉
〈arg-rotate3d〉
〈arg-scale3d〉
〈arg-scalez〉
〈arg-scale〉
〈arg-skew〉
〈arg-translate3d〉
〈arg-translate〉
〈arg-trigonometric〉
〈attr()〉
〈basic-shape-circle〉
〈basic-shape-ellipse〉
〈basic-shape-inset〉
〈basic-shape-path〉
〈basic-shape-polygon〉
〈basic-shape-rect〉
〈boolean〉
〈break-both〉
〈cf-image-list〉
〈charset〉
〈conic-gradient〉
〈counter-values〉
〈drop-shadow〉
〈empty-string〉
〈environment-variable〉
〈escape-string〉
〈flex〉
〈font-variant-notation〉
〈gap〉
〈hue-rotate〉
〈image-set-option-list〉
〈keyframe-block-list〉
〈language-range〉
〈linear-gradient〉
〈logical-axis-margin〉
〈logical-axis-padding〉
〈logical-axis-positioning-coordinates〉
〈logical-border-color〉
〈logical-border-style〉
〈logical-border-width〉
〈logical-border〉
〈logical-max-size〉
〈logical-min-size〉
〈logical-positioning-coordinates〉
〈logical-size〉
〈margin〉
〈max-size〉
〈min-size〉
〈overflow〉
〈padding〉
〈param-angle〉
〈param-minmax〉
〈param-url〉
〈physical-max-size〉
〈physical-min-size〉
〈physical-size〉
〈position-scheme〉
〈positioning-coordinates〉
〈radial-gradient〉
〈repetitions〉
〈single-border-radius〉
〈supports()〉
〈'align-content'〉
〈'align-items'〉
〈'align-self'〉
〈'all'〉
〈'animation-delay'〉
〈'animation-direction'〉
〈'animation-duration'〉
〈'animation-fill-mode'〉
〈'animation-iteration-count'〉
〈'animation-name'〉
〈'animation-play-state'〉
〈'animation-timing-function'〉
〈'animation'〉
〈'backdrop-filter'〉
〈'backface-visibility'〉
〈'background-attachment'〉
〈'background-blend-mode'〉
〈'background-clip'〉
〈'background-image'〉
〈'background-origin'〉
〈'background-position'〉
〈'background-repeat'〉
〈'background-size'〉
〈'background'〉
〈'border-collapse'〉
〈'border-color'〉
〈'border-image-outset'〉
〈'border-image-repeat'〉
〈'border-image-slice'〉
〈'border-image-source'〉
〈'border-image-width'〉
〈'border-image'〉
〈'border-radius'〉
〈'border-spacing'〉
〈'border-style'〉
〈'border-width'〉
〈'border'〉
〈'box-decoration-break'〉
〈'box-shadow'〉
〈'box-sizing'〉
〈'break-inside'〉
〈'caption-side'〉
〈'caret-color'〉
〈'clear'〉
〈'clip-path'〉
〈'clip'〉
〈'colum-rule-color'〉
〈'colum-rule-style'〉
〈'column-count'〉
〈'column-fill'〉
〈'column-rule-width'〉
〈'column-rule'〉
〈'column-span'〉
〈'column-width'〉
〈'columns'〉
〈'container-name'〉
〈'container-type'〉
〈'contain'〉
〈'content-visibility'〉
〈'content'〉
〈'cursor'〉
〈'direction'〉
〈'display'〉
〈'empty-cells'〉
〈'fill-rule'〉
〈'filter'〉
〈'flex-basis'〉
〈'flex-direction'〉
〈'flex-flow'〉
〈'flex-grow'〉
〈'flex-shrink'〉
〈'flex-wrap'〉
〈'flex'〉
〈'float'〉
〈'font-family'〉
〈'font-feature-settings'〉
〈'font-kerning'〉
〈'font-language-override'〉
〈'font-optical-sizing'〉
〈'font-palette'〉
〈'font-size'〉
〈'font-stretch'〉
〈'font-style'〉
〈'font-variant-alternates'〉
〈'font-variant-caps'〉
〈'font-variant-east-asian'〉
〈'font-variant-ligatures'〉
〈'font-variant-numeric'〉
〈'font-variant-position'〉
〈'font-variant'〉
〈'font-variation-settings'〉
〈'font-weight'〉
〈'font'〉
〈'gap'〉
〈'global'〉
〈'gradient-size'〉
〈'grid-area'〉
〈'grid-auto-columns'〉
〈'grid-auto-flow'〉
〈'grid-auto-rows'〉
〈'grid-column'〉
〈'grid-row'〉
〈'grid-template-areas'〉
〈'grid-template-columns'〉
〈'grid-template-rows'〉
〈'grid-template'〉
〈'grid'〉
〈'hyphens'〉
〈'image-orientation'〉
〈'image-rendering'〉
〈'justify-content'〉
〈'justify-items'〉
〈'justify-self'〉
〈'letter-spacing'〉
〈'line-height'〉
〈'list-style-image'〉
〈'list-style-position'〉
〈'list-style-type'〉
〈'list-style'〉
〈'margin'〉
〈'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'〉
〈'mix-blend-mode'〉
〈'object-fit'〉
〈'offset-anchor'〉
〈'offset-distance'〉
〈'offset-path'〉
〈'offset-position'〉
〈'offset-rotate'〉
〈'offset'〉
〈'outline-color'〉
〈'outline-style'〉
〈'outline-width'〉
〈'outline'〉
〈'overflow-clip-margin'〉
〈'overflow'〉
〈'padding'〉
〈'perspective'〉
〈'place-content'〉
〈'place-items'〉
〈'place-self'〉
〈'quotes'〉
〈'resize'〉
〈'rotate'〉
〈'scale'〉
〈'scroll-behavior'〉
〈'scrollbar-gutter'〉
〈'shape-outside'〉
〈'tab-size'〉
〈'table-layout'〉
〈'text-align-all'〉
〈'text-align-last'〉
〈'text-align'〉
〈'text-combine-upright'〉
〈'text-decoration-color'〉
〈'text-decoration-line'〉
〈'text-decoration-style'〉
〈'text-decoration'〉
〈'text-indent'〉
〈'text-justify'〉
〈'text-orientation'〉
〈'text-overflow'〉
〈'text-shadow'〉
〈'text-transform'〉
〈'transform-box'〉
〈'transform-origin'〉
〈'transform-style'〉
〈'transform'〉
〈'transition-delay'〉
〈'transition-duration'〉
〈'transition-property'〉
〈'transition-timing-function'〉
〈'transition'〉
〈'translate'〉
〈'unicode-bidi'〉
〈'user-select'〉
〈'vertical-align'〉
〈'visibility'〉
〈'white-space'〉
〈'will-change'〉
〈'word-break'〉
〈'word-spacing'〉
〈'writing-mode'〉
〈'z-index'〉
Editing
〈ending-shape〉
사용되는 키워드
키워드
요약
circle
정원 형태로 표현한다.
ellipse
타원 형태로 표현한다.
버전 명세
Modules
Module Name
Status
Summary
CSS Images Module Level 3
편집자 초안
Last review date: 2022-6-3
