CSS Properties는 요소에게 디자인 처리를 하기 위한 제정된 CSS 표준 속성을 다룬다. CSS1과 비교한다면 엄청난 수의 속성들이 생겨났고 현재도 새로운 속성들이 생기고 있는 중이다. 속성의 분류는 CSS 버전 체계의 변화를 반영하였다. 즉 카테고리는 새로운 버전 체계의 모듈 단위와 일치한다. 다만 'CSS Backgrounds and Borders Module'은 내용이 방대해서 Backgrunds(배경)와 Borders(테두리)로 나누어서 정리했다. 각 카테고리 항목의 링크를 열면 관련 설명을 볼 수가 있다.
참고로 CSS3부터 버전 체계의 변경이 있었으므로 이전의 버전 체계에서 현재의 버전 체계로의 연속성이 없는 속성의 경우는 'CSS2 and earlier' 분류에 담았다.
row-gap
, column-gap
속성을 한번에 설정하는 속기 속성이다.align-content
속성과 justify-content
속성 값을 한번에 작성할 수 있는 속기 속성이다.align-items
속성과 justify-items
속성을 동시에 작성할 수 있는 속기 속성이다.align-self
속성과 justify-self
속성 값을 한번에 작성할 수 있는 속기 속성이다.width
, height
을 계산하는 방식의 차이를 해결하기 위한 속성이다.@container
규칙에서 대상이 될 쿼리 컨테이너를 필터링할 때 사용한다.hidden
설정시 원래 가지고 있던 요소의 영역은 그대로 유지된다.flex-grow
, flex-shrink
, flex-basis
속성을 한번에 작성한다.flex-direction
과 flex-wrap
속성을 한번에 지정하는 속기 속성이다.@font-palette-values
규칙에서 정의한 글꼴에 적용할 팔레트를 설정하거나 유저 에이전트에서 제공하는 팔레트를 지정한다.font-variant
하위의 모든 속성(font-variant-*
)을 속기로 설정할 수 있다.@font-feature-values
앳룰(at-rule)에서 선언된 대체 글리프(glyph) 이름으로 참조된다.grid-column-start
와 grid-column-end
속성에 대한 속기 속성이다.grid-row-start
와 grid-row-end
속성에 대한 속기 속성이다.grid-template-rows
, grid-template-columns
, grid-template-areas
속성을 한번에 정의하는 속기 속성이다.inline-level
요소, display
타입이 table-cell
인 요소의 세로 방향 정렬을 지정한다.writing-mode
속성에 따라 블록 레벨 박스(block level box)의 너비 또는 높이를 설정한다.border-block-start-color
와 border-block-end-color
속성 값을 한번에 작성할 수 있는 속기 속성이다.border-bottom-color
속성이 논리적인 방향으로 대체된 속성이다.border-bottom-style
속성이 논리적인 방향으로 대체된 속성이다.border-bottom-width
속성이 논리적인 방향으로 대체된 속성이다.border-top-color
속성이 논리적인 방향으로 대체된 속성이다.border-top-style
속성이 논리적인 방향으로 대체된 속성이다.border-top-width
속성이 논리적인 방향으로 대체된 속성이다.border-block-start-style
과 border-block-end-style
속성 값을 한번에 작성할 수 있는 속기 속성이다.border-block-start-width
와 border-block-end-width
속성 값을 한번에 작성할 수 있는 속기 속성이다.border-bottom-right-radius
속성을 논리적인 방향으로 추가 되었다.border-bottom-left-radius
속성을 논리적인 방향으로 추가 되었다.border-inline-start-color
와 border-inline-end-color
속성 값을 한번에 작성할 수 있는 속기 속성이다.border-right-color
속성이 논리적인 방향으로 대체된 속성이다.border-right-style
속성이 논리적인 방향으로 대체된 속성이다.border-right-width
속성이 논리적인 방향으로 대체된 속성이다.border-left-color
속성이 논리적인 방향으로 대체된 속성이다.border-left-style
속성이 논리적인 방향으로 대체된 속성이다.border-left-width
속성이 논리적인 방향으로 대체된 속성이다.border-inline-start-style
과 border-inline-end-style
속성 값을 한번에 작성할 수 있는 속기 속성이다.border-inline-start-width
와 border-inline-end-width
속성 값을 한번에 작성할 수 있는 속기 속성이다.border-top-right-radius
속성을 논리적인 방향으로 추가 되었다.border-top-left-radius
속성을 논리적인 방향으로 추가 되었다.float
속성이 적용되는 경우에 그 영향에서 벗어나게 한다.writing-mode
속성에 따라 인라인 레벨 박스(inline level box)의 너비 또는 높이를 설정한다.inset-block-start
속성과 inset-block-end
속성을 한번에 설정하는 속기 속성이다.bottom
속성을 논리적인 위치로 설정한다.top
속성을 논리적인 위치로 설정한다.inset-inline-start
속성과 inset-inline-end
속성을 한번에 설정하는 속기 속성이다.right
속성을 논리적인 위치로 설정한다.left
속성을 논리적인 위치로 설정한다.writing-mode
) 설정에 따른 블록 축(block axis)의 양쪽 가장자리의 마진(margin
) 값을 한번에 설정한다.writing-mode
) 설정에 따른 블록 축(block axis)의 끝쪽 가장자리의 마진(margin
) 값을 한번에 설정한다.writing-mode
) 설정에 따른 블록 축(block axis)의 시작쪽 가장자리의 마진(margin
) 값을 한번에 설정한다.writing-mode
) 설정에 따른 인라인 축(inline axis)의 양쪽 가장자리의 마진(margin
) 값을 한번에 설정하는 속기 속성이다.writing-mode
) 설정에 따른 인라인 축(inline axis)의 끝쪽 가장자리의 마진(margin
) 값을 한번에 설정한다.writing-mode
) 설정에 따른 인라인 축(inline axis)의 시작쪽 가장자리의 마진(margin
) 값을 한번에 설정한다.writing-mode
) 설정에 따른 블록 축(block axis)의 양쪽 가장자리의 패딩(padding
) 값을 한번에 설정하는 속기 속성이다.writing-mode
) 설정에 따른 블록 축(block axis)의 끝쪽 가장자리의 패딩(padding
) 값을 한번에 설정한다.writing-mode
) 설정에 따른 블록 축(block axis)의 시작쪽 가장자리의 패딩(padding
) 값을 한번에 설정한다.writing-mode
) 설정에 따른 인라인 축(inline axis)의 양쪽 가장자리의 패딩(padding
) 값을 한번에 설정하는 속기 속성이다.writing-mode
) 설정에 따른 인라인 축(inline axis)의 끝쪽 가장자리의 패딩(padding
) 값을 한번에 설정한다.writing-mode
) 설정에 따른 인라인 축(inline axis)의 시작쪽 가장자리의 패딩(padding
) 값을 한번에 설정한다.mask-border-source
속성에 의해 설정된 이미지를 영역으로 나눈다. 이 영역은 요소의 마스크 테두리 구성 요소를 형성하는데 사용된다.mask-image
속성에 의해 정의된 마스크 참조가 휘도 또는 알파 마스크로 처리되는지 여부를 설정한다.mask-origin
에서 설정한 마스크 위치 레이어를 기준으로 초기 위치를 설정한다.<mask>
요소가 휘도 또는 알파 마스크로 사용되는지 여부를 설정한다.offset-path
속성으로 지정된 경로 상에서 움직이는 요소의 내부 기준 위치를 설정한다.offset-path
따라 박스의 위치를 지정한다.offset-path
의 초기 위치를 정의한다.offset-path
로 지정된 경로에 배치될 때 요소의 방향을 설정한다.overflow
속성 값이 clip
인 경우 클리핑 되기 전에 페인트될 수 있는 바깥쪽 범위를 지정한다.overflow
속성에 의해 제공되는 스크롤바의 존재를 제어하는 기능과는 별도로 작성자에게 스크롤바 거터(gutter)의 존재에 대한 제어를 한다.@page
앳룰(at-rules)로 정의된 특정 유형의 명명된 페이지를 지정한다.bottom
속성을 논리적인 위치로 설정한다.top
속성을 논리적인 위치로 설정한다.right
속성을 논리적인 위치로 설정한다.left
속성을 논리적인 위치로 설정한다.text-align-all
및 text-align-last
속성을 설정하고 콘텐츠가 줄 상자를 완전히 채우지 않는 경우 블록의 인라인 수준 콘텐츠가 인라인 축을 따라 정렬되는 방법을 정의하는 속기 속성이다.text-align-last
속성의 auto
가 아닌 값으로 재정의된 마지막 줄을 제외하고 블록 컨테이너에 있는 모든 인라인 콘텐츠 줄의 인라인 정렬을 지정한다.text-align
속성이 justify
로 설정된 경우 텍스트의 정렬 방법을 지정한다.perspective
속성의 원점을 지정한다.rotate()
함수를 독립적인 속성으로 지정한다.scale()
함수를 독립적인 속성으로 지정한다.transform
속성을 통해 변형이 적용될 경우에 변형의 기준점을 설정할 수 있다.translate()
함수를 독립적인 속성으로 지정한다.direction
속성과 함께 문서의 양방향 텍스트 처리 방법을 설정한다.