CSS Reference
HTML
JavaScript
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-product>
<calc-number-sum>
<calc-number-value>
<calc-product>
<calc-sum>
<calc-value>
<cf-image>
<clip-source>
<color()>
<color-font-tech>
<color-interpolation-method>
<color-stop-angle>
<color-stop-length>
<color-stop-list>
<colorspace-params>
<color>
<common-lig-values>
<compositing-operator>
<conic-gradient-syntax>
<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>
<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-block>
<feature-value-name>
<filter-function>
<filter-value-list>
<final-bg-layer>
<fixed-breadth>
<fixed-repeat>
<fixed-size>
<flex>
<font-face-name>
<font-feature-tech>
<font-feature-value-type>
<font-format>
<font-stretch-css3>
<font-tech>
<font-variant-css21>
<font-variant-css2>
<font-weight-absolute>
<frequency>
<general-enclosed>
<generic-family>
<geometry-box>
<gradient>
<grid-line>
<hex-color>
<historical-lig-values>
<hsl()>
<hue-interpolation-method>
<hue>
<hwb()>
<id-selector>
<ident>
<image-set-option>
<image>
<inflexible-breadth>
<integer>
<isolation-mode>
<keyframe-block>
<keyframe-selector>
<keyframes-name>
<lab()>
<layer-name>
<lch()>
<length-percentage>
<length>
<line-name-list>
<line-names>
<line-style>
<line-width>
<linear-color-hint>
<linear-color-stop>
<linear-gradient-syntax>
<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>
<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>
<radial-gradient-syntax>
<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>
<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>
<time-percentage>
<time>
<track-breadth>
<track-list>
<track-repeat>
<track-size>
<transform-function>
<transform-list>
<type-or-unit>
<urange>
<url()>
<url-modifier>
<url>
<visual-box>
<xyz-params>
<xyz-space>
<zero>
DEVDIC Specified
<@charset>
<@container>
<@counter-style>
<@font-face>
<@font-feature-values>
<@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>
<counter-values>
<drop-shadow>
<empty-string>
<environment-variable>
<escape-string>
<font-variant-notation>
<gap>
<global>
<hue-rotate>
<image-set-option-list>
<keyframe-block-list>
<language-range>
<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>
<repetitions>
<single-border-radius>
<width-css21>
<'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'>
<'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'>
<'page'>
<'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'>
Tokenization
<delim-token>
<dimension-token>
<function-token>
<hash-token>
<ident-token>
<number-token>
<string-token>
<url-token>
<whitespace-token>
Default
<mix-blend-mode>
구문
Compositing and Blending Level 2
<blend-mode>
|
plus-darker
|
plus-lighter
사용되는 키워드
키워드
요약
plus-darker
plus-lighter
사용되는 타입
<blend-mode>
요소가 겹쳐 있는 경우 각 요소의 색상이 겹쳐서 보여지는 방식을 정의한다.
버전 명세
Modules
Module Name
Status
Summary
Compositing and Blending Level 2
편집자 초안
Last review date: 2022-12-9
