[HTML/CSS] CSS 속성 값

align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다.

align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다.

align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다.

all .

animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다.

animation-delay : 애니메이션 지연 시간을 설정합니다.

animation-direction : 애니메이션 움직임 방향을 설정합니다.

animation-duration : 애니메이션 움직임 시간을 설정합니다.

animation-fill-mode : 애니메이션이 끝난 후의 상태를 설정합니다.

animation-iteration-count : 애니메이션 반복 횟수를 설정합니다.

animation-name : 애니메이션 keyframe 이름을 설정합니다.

animation-play-state : 애니메이션 진행상태를 설정합니다.

animation-timing-function : 애니메이션 움직임의 속도를 설정합니다.

backdrop-filter .

backface-visibility .

background-attachment : 배경 이미지의 고정 여부를 설정합니다.

background-blend-mode : 배경 이미지를 혼합했을 때의 상태를 설정합니다.

background-clip : 배경 이미지의 위치 기준점을 설정합니다.

background-color : 배경 색을 설정합니다.

background-image : 배경 이미지 경로 및 그라디언트를 설정합니다.

background-origin : 배경 이미지의 위치 기준점을 설정합니다.

background-position : 배경 이미지의 위치를 설정합니다.

background-position-x : 배경 이미지의 x축 위치를 설정합니다.

background-position-x : 배경 이미지의 y축 위치를 설정합니다.

background-repeat : 배경 이미지 반복 여부를 설정합니다.

background-size : 배경 이미지 사이즈를 설정합니다.

background : 배경 이미지의 속성을 일괄적으로 설정합니다.

border-collapse : 표의 테두리 분리 여부를 설정합니다.

border-spacing : 표의 테두리 간격을 설정합니다.

border : 테두리 속성을 일괄적으로 설정합니다.

border-color : 테두리 색 속성을 일괄적으로 설정합니다.

border-style : 테두리 스타일 속성을 일괄적으로 설정합니다.

border-width : 테두리 두께 속성을 일괄적으로 설정합니다.

border-bottom : 테두리 아래쪽 속성을 일괄적으로 설정합니다.

border-bottom-color : 테두리 아래쪽 색 속성을 설정합니다.

border-bottom-style : 테두리 아래쪽 스타일 속성을 설정합니다.

border-bottom-width : 테두리 아래쪽 두께 속성을 설정합니다.

border-left : 테두리 왼쪽 속성을 일괄적으로 설정합니다.

border-left-color : 테두리 왼쪽 색 속성을 설정합니다.

border-left-style : 테두리 왼쪽 스타일 속성을 설정합니다.

border-left-width : 테두리 왼쪽 두께 속성을 설정합니다.

border-right : 테두리 오른쪽 속성을 일괄적으로 설정합니다.

border-right-color : 테두리 오른쪽 색 속성을 설정합니다.

border-right-style border-right-style : 테두리 오른쪽 스타일 속성을 설정합니다.

border-right-width border-right-width : 테두리 오른쪽 두께 속성을 설정합니다.

border-top border-top : 테두리 위쪽 속성을 일괄적으로 설정합니다.

border-top-color border-top-color : 테두리 위쪽 색 속성을 설정합니다.

border-top-style border-top-style : 테두리 위쪽 스타일 속성을 설정합니다.

border-top-width border-top-width : 테두리 위쪽 두께 속성을 설정합니다.

border-image border-image : 테두리 이미지 속성을 일괄적으로 설정합니다.

border-image-outset border-image-outset : 테두리 이미지 간격 속성을 설정합니다.

border-image-repeat border-image-repeat : 테두리 이미지 반복 속성을 설정합니다.

border-image-slice border-image-slice : 테두리 이미지 영역 속성을 설정합니다.

border-image-source border-image-source : 테두리 이미지 경로 속성을 설정합니다.

border-image-width border-image-width : 테두리 이미지 두께 속성을 설정합니다.

border-radius border-radius : 테두리 굴곡을 일괄적으로 설정합니다.

border-top-left-radius border-top-left-radius : 윗부분 왼쪽 모서리 굴곡을 설정합니다.

border-top-right-radius border-top-right-radius : 윗부분 오른쪽 모서리 굴곡을 설정합니다.

border-bottom-left-radius border-bottom-left-radius : 아래부분 왼쪽 모서리 굴곡을 설정합니다.

border-bottom-right-radius border-bottom-right-radius : 아래부분 오른쪽 모서리 굴곡을 설정합니다.

border-block border-block : 블록(위쪽,아래쪽) 테두리 속성을 일괄적으로 설정합니다.

border-block-color border-block-color : 블록(위쪽,아래쪽) 테두리 색 속성을 설정합니다.

border-block-style border-block-style : 블록(위쪽,아래쪽) 테두리 스타일 속성을 설정합니다.

border-block-width border-block-width : 블록(위쪽,아래쪽) 테두리 두께 속성을 설정합니다.

border-block-start border-block-start : 블록(위쪽) 테두리 속성을 일괄적으로 설정합니다.

border-block-start-color border-block-start-color : 블록(위쪽) 테두리 색 속성을 설정합니다.

border-block-start-style border-block-start-style : 블록(위쪽) 테두리 스타일 속성을 설정합니다.

border-block-start-width border-block-start-width : 블록(위쪽) 테두리 두께 속성을 설정합니다.

border-block-end border-block-end : 블록(아래쪽) 테두리 속성을 일괄적으로 설정합니다.

border-block-end-color border-block-end-color : 블록(아래쪽) 테두리 색 속성을 설정합니다.

border-block-end-style border-block-end-style : 블록(아래쪽) 테두리 스타일 속성을 설정합니다.

border-block-end-width border-block-end-width : 블록(아래쪽) 테두리 두께 속성을 설정합니다.

border-inline border-inline : 인라인(왼쪽,오른쪽) 테두리 속성을 일괄적으로 설정합니다.

border-inline-color border-inline-color : 인라인(왼쪽,오른쪽) 테두리 색 속성을 설정합니다.

border-inline-style border-inline-style : 인라인(왼쪽,오른쪽) 테두리 스타일 속성을 설정합니다.

border-inline-width border-inline-width : 인라인(왼쪽,오른쪽) 테두리 두께 속성을 설정합니다.

border-inline-start border-inline-start : 인라인(왼쪽) 테두리 속성을 일괄적으로 설정합니다.

border-inline-start-color border-inline-start-color : 인라인(왼쪽) 테두리 색 속성을 설정합니다.

border-inline-start-style border-inline-start-style : 인라인(왼쪽) 테두리 스타일 속성을 설정합니다.

border-inline-start-width border-inline-start-width : 인라인(왼쪽) 테두리 두께 속성을 설정합니다.

border-inline-end border-inline-end : 인라인(오른쪽) 테두리 속성을 일괄적으로 설정합니다.

border-inline-end-color border-inline-end-color : 인라인(오른쪽) 테두리 색 속성을 설정합니다.

border-inline-end-style border-inline-end-style : 인라인(오른쪽) 테두리 스타일 속성을 설정합니다.

border-inline-end-width border-inline-end-width : 인라인(오른쪽) 테두리 두께 속성을 설정합니다.

bottom .

box-decoration-break .

box-shadow .

box-sizing .

caption-side .

caret-color .

clear .

clip .

color .

column-count .

column-fill .

column-gap .

column-rule .

column-rule-color .

column-rule-style .

column-rule-width .

column-span .

column-width .

columns .

content .

counter-increment .

counter-reset .

cursor .

direction .

display .

display .

empty-cells .

filter .

flex .

flex-basis .

flex-direction .

flex-flow .

flex-grow .

flex-shrink .

flex-wrap .

float .

font .

font-family font-family : 폰트 종류를 설정합니다.

font-size font-size : 폰트 사이즈 속성을 설정합니다.

font-size-adjust font-size-adjust : 소문자를 기준으로 폰트 크기를 설정합니다.

font-stretch .

font-style font-style : 폰트의 스타일을 설정합니다.

font-variant font-variant : 글꼴 변형 형태를 일괄적으로 설정합니다.

font-variant-numeric : 숫자에 대한 글꼴 글리프(표시 형태)를 설정합니다.

font-variant-ligatures : 글꼴 글리프가 겹쳤을 때 설정합니다.

font-variant-emoji font-variant-emoji : 이모지 글꼴 글리프를 설정합니다.

font-variant-east-asian font-variant-east-asian : 아시아 언어 글꼴 글리프를 설정합니다.

font-variant-caps font-variant-caps : 소문자/대문자에 대한 글꼴 글리프를 설정합니다.

font-variant-alternates font-variant-alternates : 글꼴 글리프의 대체 형태를 설정합니다.

font-variant-position font-variant-position : 글꼴 글리프의 위치를 설정합니다.

font-variation-settings font-variation-settings : 가변 폰트를 설정합니다.

font-weight : 폰트의 두께를 설정합니다.

grid .

grid-area .

grid-auto-columns .

grid-auto-flow .

grid-auto-rows .

grid-column .

grid-column-end .

grid-column-gap .

grid-column-start .

grid-gap .

grid-row .

grid-row-end .

grid-row-gap .

grid-row-start .

grid-template .

grid-template-areas .

grid-template-columns .

grid-template-rows .

hanging-punctuation .

height height : 요소의 세로 크기를 설정합니다.

hyphens hyphens : 텍스트 줄바꿈 할때 하이픈으로 연결하는 방법을 설정합니다.

isolation .

justify-content .

left .

letter-spacing .

line-height .

list-style .

list-style-image .

list-style-position .

list-style-type .

margin .

margin-bottom .

margin-left .

margin-right .

margin-top .

max-height max-height : 요소의 최대 세로 크기를 설정합니다.

max-width max-width : 요소의 최대 가로 크기를 설정합니다.

min-height min-height : 요소의 최소 세로 크기를 설정합니다.

min-width min-width : 요소의 최소 가로 크기를 설정합니다.

mix-blend-mode .

object-fit .

object-position .

opacity .

order .

outline .

outline-color .

outline-offset .

outline-style .

outline-width .

overflow .

overflow-x .

overflow-y .

overflow-wrap : 의미가 없는 텍스트 줄바꿈을 설정합니다.

padding .

padding-bottom .

padding-left .

padding-right .

padding-top .

page-break-after .

page-break-before .

page-break-inside .

perspective .

perspective-origin .

pointer-events .

position .

quotes .

resize .

right .

tab-size .

table-layout .

text-align text-align : 텍스트 정렬 방식을 설정합니다.

text-align-last text-align-last : 문단의 마지막 텍스트 정렬 방식을 설정합니다.

text-decoration text-decoration : 텍스트 라인 속성을 일괄적으로 설정합니다.

text-decoration-color text-decoration-color : 글자 라인의 색상 속성을 설정합니다.

text-decoration-line text-decoration-line : 글자 라인의 위치 속성을 설정합니다.

text-decoration-style .

text-decoration-skip-ink text-decoration-skip-ink : 언더 라인의 글씨 겹침을 설정합니다.

text-decoration-thickness text-decoration-thickness : 글자 라인의 굵기 속성을 설정합니다.

text-emphasis-color text-emphasis-color : 텍스트에 강조 표시 색상을 설정합니다.

text-emphasis-position text-emphasis-position : 텍스트에 강조 표시 위치를 설정합니다.

text-emphasis-style text-emphasis-style : 텍스트에 강조 표시 스타일을 설정합니다.

text-emphasis text-emphasis : 텍스트에 강조 표시를 일괄적으로 설정합니다.

text-indent text-indent : 문단 들여쓰기 속성을 설정합니다.

text-justify text-justify : 양쪽 정렬을 했을 때 정렬 유형을 설정합니다.

text-overflow text-overflow : 텍스트가 영역을 벗어 났을 때 속성을 설정합니다.

text-shadow text-shadow : 텍스트 그림자를 설정합니다.

text-transform .

text-underline-offset text-underline-offset : 언더 라인의 오프셋 값을 설정합니다.

text-underline-position text-underline-position : 언더 라인의 위치를 설정합니다.

top .

transform .

transform-origin .

transform-style .

transition .

transition-delay .

transition-duration .

transition-property .

transition-timing-function .

unicode-bidi .

user-select .

vertical-align .

visibility .

white-space white-space : 줄바꿈 및 공백을 설정합니다.

width width : 요소의 가로 크기를 설정합니다.

word-break word-break : 줄바꿈을 할때 단어를 기준으로 설정하는 속성입니다.

word-spacing .

word-wrap .

z-index .