includes()를 이용하여 CSS 속성 검색하기

CSS 속성 검색하기

검색하기

플렉스, 애니메이션, 백그라운드, 기타 등등 유형 별로 검색해보세요!

전체 속성 갯수 : 0

accent-color : 다른 페이지 이동을 설정합니다.
align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다.
animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다.
animation-delay : 애니메이션 지연 시간을 설정합니다.
animation-duration : 애니메이션 움직임을 설정합니다.
animation-fill-mode : 애니메이션이 끝난 후의 상태를설정합니다.
animation-iteration-count : 애니메이션의 반복횟수를 설정합니다
animation-name : 애니메이션 keyframe 이동을 설정합니다.
animation-name : 애니메이션 keyframe 이동을 설정합니다.
animation-timing-function : 애니메이션움직임의 속도를 설정합니다.
backdrop-filter : 배경에 다양한 효과를 줍니다.
background : 백그라운드 속성을 일괄적으로 설정합니다
background-attachment : 배경 이미지의 고정 여부를설정합니다
background-blend-mode : 배경을 혼합했을 때 그래픽효과를 설정합니다.
background-clip : 백그라운드 이미지의 위치 기준점을 설정합니다.
background-color : 백그라운드 색을 설정합니다.
background-image : 백그라운드 이미지 속성을 설정합니다.
background-origin : 백그라운드 이미지의 위치 기준점을 설정하기위한 속성입니다.
background-position : 백그라운드 이미지의 위치 영역을설정합니다.
background-position-x : 백그라운드 이미지의 x축 위치영역을 설정합니다.
background-position-y : 백그라운드 이미지의 x축 위치영역을 설정합니다.
background-repeat : 백그라운드 이미지 반복 여부를 설정합니다.
background-size : 백그라운드 이미지 사이즈를 설정합니다.
border : 테두리 속성을 일괄적으로 설정합니다.
border-bottom : 아래쪽 속성을 일괄적으로 설정합니다.
border-bottom-color : 테두리 아래쪽 색 속성을 설정합니다.
border-left-radius : 아래 왼쪽 모서리 굴곡을설정합니다.
border-right-radius : 아래 오른쪽 모서리 굴곡을설정합니다.
border-bottom-style : border-bottom-style은아래쪽 테두리의 스타일 속성을 설정합니다.
border-bottom-width : border-bottom-width은아래쪽 테두리의 두께 속성을 설정합니다.
border-collapse : border-collapse는 테이블의 테두리를겹칠지, 떨어트릴지를 설정합니다
border-left : border-left는 요소의 왼쪽 테두리의 속성을 일괄적으로설정합니다.
border-left-color : border-left-color는 요소의 왼쪽테두리의 색상을 설정합니다.
border-left-style : border-left-style은 요소의 왼쪽테두리의 스타일 속성을 설정합니다.
border-left-width : border-left-width는 요소의 왼쪽테두리의 두께를 설정합니다.
border-radius : border-radius는 요소의 테두리 굴곡을 설정합니다.
border-right :border-right은 요소의 오른쪽 테두리 속성을 일괄적으로설정합니다.
border-right-color : border-right-color는 요소의오른쪽 테두리의 색상을 설정합니다.
border-right-style : border-right-style은 요소의오른쪽 테두리의 스타일 속성을 설정합니다.
border-right-width : border-right-width는 요소의오른쪽 테두리의 두께를 설정합니다.
border-spacingborder-spacing은 테이블의 테두리 사이의 간격을 설정합니다.
border-styleborder-style은 요소의 테두리 스타일 속성을 설정합니다.
border-topborder-top은 요소의 위쪽 테두리 속성을 일괄적으로 설정합니다.
border-top-colorborder-top-color는 요소의 위쪽 테두리의 색상을 설정합니다.
border-top-left-radiusborder-top-left-radius는 요소의 위쪽 왼쪽 모서리의 굴곡을 설정합니다.
border-top-right-radiusborder-top-right-radius는 요소의 위쪽 오른쪽 모서리의 굴곡을 설정합니다.
border-top-styleborder-top-style은 요소의 위쪽 테두리의 스타일 속성을 설정합니다.
border-top-widthborder-top-width는 요소의 위쪽 테두리의 두께를 설정합니다.
border-widthborder-width는 요소의 테두리의 두께를 설정합니다.
bottombottom은 요소의 아래쪽에서의 위치를 설정합니다.
box-sizingbox-sizing은 브라우저가 요소의 크기를 어떻게 계산할지를 설정합니다.
colorcolor는 텍스트의 색상을 설정합니다.
contentcontent는 가상 요소의 내용물을 표시합니다.
displaydisplay는 요소의 표시 유형을 설정합니다.
flex-wrapflex-wrap은 flex의 겹칩 방법을 설정합니다. wrap/nowrap/wrap-reverse
floatfloat는 float의 겹침을 설정합니다.
font-familyfont-family는 텍스트의 폰트를 설정합니다.
font-sizefont-size는 텍스트의 크기를 설정합니다.
font-stylefont-style은 텍스트의 이탤릭체 스타일을 설정합니다.
font-weightfont-weight는 텍스트의 두께를 설정합니다. 숫자가 높을 수록 두꺼워집니다.
grid-areagrid-area는 요소에 grid구역을 지정합니다.
grid-template-areasgrid-template-areas는 grid의 열과 행을 나타낼 구역을 설정합니다.
grid-template-columnsgrid-template-columns는 grid의 각 열의 너비를 설정합니다.
grid-template-rowsgrid-template-rows는 grid의 각 행의 높이를 설정합니다.
heightheight는 요소의 높이를 설정합니다.
justify-contentjustify-content는 flex나 grid의 항목이 배치되는 방식을 설정합니다.
leftleft는 가상요소의 왼쪽에서의 위치를 설정합니다.
list-stylelist-style은 리스트의 글머리 기호/숫자 스타일을 설정합니다.
marginmargin은 요소의 바깥쪽 여백을 설정합니다
margin-bottommargin-bottom은 요소의 바깥 아래쪽 여백을 설정합니다.
margin-leftmargin-left는 요소의 바깥 왼쪽 여백을 설정합니다.
margin-rightmargin-right는 요소의 바깥 오른쪽 여백을 설정합니다.
margin-topmargin-top은 요소의 바깥 위쪽 여백을 설정합니다.
max-heightmax-height은 요소의 최대 높이를 설정합니다.
max-widthmax-width는 요소의 최대 너비를 설정합니다.
min-heightmin-height은 요소의 최소 높이를 설정합니다.
min-widthmin-width는 요소의 최소 너비를 설정합니다.
opacityopacity는 요소의 투명도를 설정합니다.
overflowoverflow는 컨테이너에 비해 너무 큰 콘텐츠를 요소가 처리하는 방법을 설정합니다.
paddingpadding은 요소의 안쪽 여백을 설정합니다.
padding-bottompadding-bottom은 요소의 안쪽 아래 여백을 설정합니다
padding-leftpadding-left는 요소의 안쪽 왼쪽 여백을 설정합니다.
padding-rightpadding-right는 요소의 안쪽 오른쪽 여백을 설정합니다.
padding-toppadding-top은 요소의 안쪽 위 여백을 설정합니다
rightright는 가상요소의 오른쪽에서의 위치를 설정합니다.
text-aligntext-align은 텍스트의 정렬 방식을 설정합니다.
text-decorationtext-decoration은 텍스트의 장식을 설정합니다.
toptop은 가상요소의 위쪽에서의 위치를 설정합니다.
transitiontransition은 css의 변환 시간을 설정합니다.
widthwidth는 요소의 너비를 설정합니다.
word-breakword-break는 텍스트의 단어 구분을 설정합니다. 단어 단위로 끊거나 글자 단위로 끊도록 제어할 수 있습니다.
z-indexz-index는 가상요소의 z축에서의 위치를 설정합니다.
border설명