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	움직임의 속도를 정의
backface-visibility	요소의 뒷면을 정의
background	배경 속성 값을 정의
background-attachment	배경이미지의 고정여부를 설정
background-blend-mode	배경을 혼합했을 때의 상태를 정의
background-clip	백그라운드 색의 영역을 설정
background-color	백그라운 색을 설정
background-image	백그라운 이미지 속성을 설정
background-origin	백그라운드 이미지의 영역 속성을 설정
background-position	백그라운 이미지의 위치 영역을 설정
background-repeat	백그라운 이미지 반복여부를 설정
background-size	백그라운드 이미지 사이즈를 설정
border	테두리 속성을 설정
border-bottom	아래쪽 테두리 속성을 설정
border-bottom-color	테두리 아래쪽 색 속성을 설정
border-bottom-left-radius	아래 왼쪽 모서리 굴곡을 설정
border-bottom-right-radius	아래 오른쪽 모서리 굴곡을 설정
border-bottom-style	아래쪽 테두리 스타일 속성을 설정
border-bottom-width	아래쪽 테두리 두께 속성을 설정
border-collapse	테이블의 테두리 분리여부를 정의
border-color	테두리 색 속성을 설정
border-image	테두리 이미지 속성을 설정
border-image-outset	테두리 이미지 간격 속성을 설정
border-image-repeat	테두리 이미지 반복 속성을 설정
border-image-slice	테두리 이미지 크기 속성을 설정
border-image-source	테두리 이미지 경로 속성을 설정
border-image-width	테두리 이미지 두께 속성을 설정
border-left	왼쪽 테두리 속성을 설정
border-left-color	왼쪽 테두리 색 속성을 설정
border-left-style	왼쪽 테두리 스타일 속성을 설정
border-left-width	왼쪽 테두리 두께 속성을 설정
border-radius	모서리 굴곡을 설정
border-right	오른쪽 테두리 속성을 설정
border-right-color	오른쪽 테두리 색 속성을 설정
border-right-style	오른쪽 테두리 스타일 속성을 설정
border-right-width	오른쪽 테두리 두께 속성을 설정
border-spacing	테이블의 테두리 간격을 설정
border-style	테두리 스타일 속성을 설정
border-top	위쪽 테두리 속성을 설정
border-top-color	위쪽 테두리 색 속성을 설정
border-top-left-radius	위부분 왼쪽 모서리 굴곡을 설정
border-top-right-radius	위부분 오른쪽 모서리 굴곡을 설정
border-top-style	위쪽 테두리 스타일 속성을 설정
border-top-width	위쪽 테두리 두께 속성을 설정
border-width	테두리 두께 속성을 설정
bottom	블럭요소의 아래쪽 속성을 설정
box-shadow	콘텐츠의 그림자를 설정
box-sizing	크기 및 높이 여부의 포함을 설정
caption-side	caption의 위치를 설정
clear	float 요소의 성질을 차단
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	요소의 성질을 정의
empty-cells	테이블의 빈요소의 속성을 설정
filter	이미지의 비쥬얼 효과를 정의
flex	콘텐츠의 성질을 flex로 정의
flex-basis	요소의 기본 단위를 정의
flex-direction	요소의 정렬 방향을 정의
flex-flow	정렬 방향과 줄 속성을 설정
flex-grow	요소의 크기를 숫자를 통해 늘려줌
flex-shrink	요소의 크기를 숫자를 통해 줄여줌
flex-wrap	소의 줄 속성을 설정
float	블록요소의 정렬 상태를 설정
font	폰트 스타일, 폰트 변형, 폰트 두께, 폰트 사이즈, 폰트 간격, 폰트 종류를 설정
font-family	폰트 종류를 설정
font-size	폰트 사이즈 속성을 설정
font-size-adjust	소문자를 기준으로 폰트 크기를 설정
font-stretch	텍스트의 크기를 정의
font-style	폰트의 스타일을 정의
font-variant	글꼴을 변형을 정의
font-weight	글꼴 두께를 정의
hanging-punctuation	글시의 시작 및 끝의 위치 정의
height	콘텐츠 요소의 세로값을 설정
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-width	요소의 최대 가로값을 설정
min-height	요소의 최소 세로값을 설정
min-width	요소의 최소 가로값을 설정
nav-down	메뉴의 아래 속성을 정의
nav-index	메뉴의 순서 상태를 정의
nav-left	메뉴의 왼쪽 속성을 정의
nav-right	메뉴의 오른쪽 속성을 정의
nav-up	메뉴의 위쪽 속성을 정의
opacity	요소의 투명도를 설정
order	플렉스 콘텐츠의 순서를 정의
outline	요소의 아웃라인의 색, 스타일, 굵기를 정의
outline-color	아웃라인의 색을 정의
outline-offset	아웃라인의 간격을 정의
outline-style	아웃라인 스타일을 정의
outline-width	아웃라인의 두께를 정의
overflow	지정한 영역에 요소들이 벗어났을 때 속성을 설정
overflow-x	X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정
overflow-y	Y축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정
padding	요소의 안쪽 여백을 설정
padding-bottom	요소의 아래쪽 여백을 설정
padding-left	요소의 왼쪽 안쪽 여백을 설정
padding-right	요소의 오른쪽 안쪽 여백을 설정
padding-top	요소의 위쪽 안쪽 여백을 설정
page-break-after	페이지 분리에 관한 설정을 정의
page-break-before	페이지 분리에 관한 설정을 정의
page-break-inside	페이지 분리에 관한 설정을 정의
perspective	3D를 표현할 때 원근점을 정의
perspective-origin	3D를 표현할 때 원근점의 방향을 정의
position	요소의 위치를 설정
quotes	인용 부호를 정의
resize	요소의 사이즈를 정의
right	요소의 오른쪽 속성을 설정
tab-size	글씨의 간격을 정의
table-layout	표의 레이아웃을 정의
text-align	텍스트 정렬 방식을 설정
text-align-last	문장의 마지막 텍스트 정렬 방식을 설정
text-decoration	글자 라인 색을 설정
text-decoration-color	글자 라인 속성을 설정
text-decoration-line	글자 라인 스타일을 설정
text-decoration-style	글자 스타일을 정의
text-indent	문단 들여쓰기 속성을 설정
text-justify	텍스트의 간격을 정의
text-overflow	문자열 영역 속성을 설정
text-shadow	텍스트에 그림자를 설정
text-transform	텍스트를 대문자나 소문자로 변경
top	요소의 위쪽 속성을 설정
transform	요소의 움직임을 표현
transform-origin	요소의 움직임 방향을 정의
transform-style	요소의 움직임 스타일을 정의
transition	움직임 시간을 정의
transition-delay	요소의 움직임 시간을 지연
transition-duration	요소의 움직임 지속시간을 정의
transition-property	transition의 적용 여부를 정의
transition-timing-function	요소의 움직임 기능을 정의
unicode-bidi	글자의 방향 속성을 설정
vertical-align	텍스트의 상하 정렬 방식을 설정
visibility	요소를 보이지 않게 정의
white-space	줄바꿈, 공백, 줄 속성을 설정
width	요소의 가로 값을 정의
word-break	줄바꿈 속성을 설정
word-spacing	단어 사이의 간격을 정의
word-wrap	줄바꿈을 설정
z-index	위치가 겹칠 경우 순서를 정의