CSS Types

CSS Types

Editing

<side-or-corner>

선형 그라디언트(linear gradient)의 끝쪽 위치를 나타낸다.

구문

  • CSS Images Module Level 4
    [left | right] || [top | bottom]

    하나의 키워드가 사용되는 경우는 상하좌우에서 한쪽 방향을 나타내며 두 개의 키워드가 사용되는 경우에는 해당 방향의 모서리를 나타낸다.

사용되는 키워드

키워드요약
bottom

배경의 끝나는 위치를 요소의 하단에 맞춘다.

left

배경의 시작되는 위치를 요소의 좌측에 맞춘다.

right

배경의 끝나는 위치를 요소의 우측에 맞춘다.

top

배경의 시작되는 위치를 요소의 상단에 맞춘다.

버전 명세

Modules
Module NameStatusSummary
CSS Images Module Level 4편집자 초안

element(), image(), image-set(), conic-gradient(), repeating-conic-gradient(), image-resolution() 함수가 새롭게 추가되었으나 아직은 모든 웹브라우저에서 지원되지 않는다.


Last review date: 2022-6-3