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> : 백그라운드 속성을 일괄적으로 설정합니다.
  • <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-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-decoration-break> : 컬럼 및 줄바꿈시 테두리와 패딩의 방식을 설정합니다.
  • <box-shadow> : 박스 요소의 그림자를 설정합니다.
  • <box-sizing> : 요소 크기에 패딩 포함 여부를 설정합니다.
  • <caption-side> : caption의 위치를 설정합니다.
  • <caret-color> : input의 커서 색을 정의합니다.
  • <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> : 폰트의 두께를 정의합니다.
  • <grid> : 가로 컬럼의 크기와 위치 설정합니다.
  • <grid-area> : 그리드 항목의 크기와 위치를 지정하고 그리드 영역의 모서리를 지정합니다.
  • <grid-auto-columns> : 그리드 자동 열 CSS 속성은 암시적으로 작성된 그리드 열 트랙의 크기 또는 트랙 패턴을 지정합니다.
  • <grid-auto-flow> : 그리드 자동 흐름 CSS 속성은 자동 배치 알고리즘의 작동 방식을 제어하여 자동 배치 항목이 그리드로 유입되는 정확한 방법을 지정합니다.
  • <grid-auto-rows> : 그리드 자동 행 CSS 속성은 암시적으로 작성된 그리드 행 트랙의 크기 또는 트랙 패턴을 지정합니다.
  • <grid-column> : grid-column-start와 grid-column-end 속성을 같이 사용합니다.
  • <grid-column-end> : 그리드-열 끝 CSS 속성은 그리드 배치에 선, 스팬을 제공하여 그리드 열의 끝 위치를 지정하며, 그리드 영역의 블록 끝 모서리를 지정합니다.
  • <grid-column-gap> : 그리드-열 끝 CSS 속성은 그리드 배치에 선, 스팬을 제공하여 그리드 열의 끝 위치를 지정하며, 그리드 영역의 블록 끝 모서리를 지정합니다.
  • <grid-column-start> : 그리드 열 시작 CSS 속성은 그리드 배치에 선, 스팬 또는 무(자동)를 제공하여 그리드 열 내의 그리드 항목의 시작 위치를 지정합니다. 이 시작 위치는 그리드 영역의 블록 시작 모서리를 정의합니다.
  • <grid-gap> : grid-row-gap와 grid-column-gap 속성을 같이 사용합니다.
  • <grid-row> : grid-row-start와 grid-row-end 속성을 같이 사용합니다.
  • <grid-row-end> : 그리드 행-끝 CSS 속성은 그리드 배치에 선, 스팬을 제공하여 그리드 행 내의 그리드 항목의 끝 위치를 지정하며, 그리드 영역의 인라인 끝 모서리를 지정합니다.
  • <grid-row-gap> : 그리드 행-끝 CSS 속성은 그리드 배치에 선, 스팬을 제공하여 그리드 행 내의 그리드 항목의 끝 위치를 지정하며, 그리드 영역의 인라인 끝 모서리를 지정합니다.
  • <grid-row-start> : 그리드 행-시작 CSS 속성은 그리드 배치에 선, 스팬을 제공하여 그리드 행 내의 그리드 항목의 시작 위치를 지정하며, 그리드 영역의 인라인 시작 모서리를 지정합니다.
  • <grid-template> : 그리드 템플릿 CSS 속성은 그리드 열, 행 및 영역을 정의하기 위한 속기 속성입니다.
  • <grid-template-areas> : 아이템의 위치를 설정합니다.
  • <grid-template-columns> : 가로 컬럼의 크기와 위치를 설정합니다.
  • <grid-template-rows> : 그리드 행의 크기 조정 기능을 설정합니다.
  • <hanging-punctuation> : 글씨의 시작 및 끝의 위치 정의합니다.
  • <height> : 콘텐츠 요소의 세로값을 설정합니다.
  • <hyphens> : 텍스트의 하이픈 영역을 설정합니다.
  • <isolation> : stacking context을 설정합니다.
  • <justify-content> : 콘텐츠의 좌우 관계 정렬 상태를 정의합니다.
  • <left> : 위치 요소의 왼쪽 속성을 설정합니다.
  • <letter-spacing> : 글자 사이의 간격을 설정합니다.
  • <line-height> : 문장과 문장 사이의 간격을 설정합니다.
  • <list-style> : 목록 스타일 속성을 설정합니다.
  • <list-style-image> : 목록 마커의 이미지를 설정합니다.
  • <list-style-positio> : 목록 마커의 위치 속성을 설정합니다.
  • <list-style-type> : 목록 마커의 유형을 설정합니다.
  • <margin> : 요소의 바같쪽 여백을 설정합니다.
  • <margin-bottom> : 요소의 아래 바같쪽 여백을 설정합니다.
  • <margin-left> : 요소의 왼쪽 바같쪽 여백을 설정합니다.
  • <margin-right> : 요소의 오른쪽 바같쪽 여백을 설정합니다.
  • <margin-top> : 요소의 위부분 바같쪽 여백을 설정합니다.
  • <max-height> : 요소의 최대 세로값을 설정합니다.
  • <max-width> : 요소의 최대 가로 값을 설정합니다.
  • <min-height> : 요소의 최소 세로 값을 설정합니다.
  • <min-width> : 요소의 최소 가로 값을 설정합니다.
  • <mix-blend-mode> : 배경의 혼합 상태를 정의합니다.
  • <object-fit> : <img>, <video> 태그의 크기를 정의합니다.
  • <object-position> : <img>, <video> 태그의 위치를 정의합니다.
  • <opacity> : 요소의 투명도를 설정합니다.
  • <order> : flex 콘텐츠의 순서를 정의합니다.
  • <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를 표현할 때 원근점의 방향을 정의합니다.
  • <pointer-events> : 포인터 이벤트 반응을 정의합니다.
  • <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> : 글자의 방향 속성을 설정합니다.
  • <user-select> : 요소의 텍스트를 선택할 지 정의합니다.
  • <vertical-align> : 텍스트의 상하 정렬 방식을 설정합니다.
  • <visibility> : 요소를 보이지 않게 정의합니다.
  • <white-space> : 줄바꿈, 공백, 줄 속성을 설정합니다.
  • <width> : 요소의 가로 값을 정의합니다.
  • <word-break> : 줄바꿈 속성을 설정합니다.
  • <word-spacing> : 단어 사이의 간격을 정의합니다.
  • <word-wrap> : 줄바꿈을 설정합니다.
  • <z-index> : 요소의 위치가 겹칠 경우 순서를 정의합니다.
#
#