자바스크립트 💜

CSS 속성 검색하기

indexOf() / search()

CSS 속성 갯수 : 0개
  • 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-repeat : 백그라운드 이미지 반복 여부를 설정합니다.
  • background-size : 백그라운드 이미지 사이즈를 설정합니다.
  • background : 백그라운드 속성을 일괄적으로 설정합니다.
  • 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-decoration-break : 컬럼 및 줄바꿈시 테두리와 패딩의 방식을 설정합니다.
  • box-shadow : 박스 요소의 그림자를 설정합니다.
  • box-sizing : 요소 크기에 패딩 포함 여부를 설정합니다.
  • caption-side : 속성은 표(table) 요소에서 캡션(caption) 요소의 위치를 지정하는 데 사용됩니다.
  • caret-color : 텍스트 입력 시 표시되는 캐럿(caret, 입력 포인터)의 색상을 지정하는 속성입니다.
  • clear : 속성은 부모 요소와 자식 요소 간의 레이아웃 배치 관계를 설정하는 CSS 속성 중 하나입니다.
  • clip : 속성은 요소의 표시 영역을 지정하는 데 사용됩니다.
  • color : 속성은 텍스트의 색상을 지정하는 속성입니다.
  • column-count : 속성은 다단(column) 레이아웃 속성 중 하나로, 요소를 여러 개의 열(column)로 나누는 역할을 합니다.
  • column-fill : 속성은 다단(column) 레이아웃 속성 중 하나로, 다단 요소의 열(column)을 어떻게 채울지 결정하는 역할을 합니다.
  • column-gap : 속성은 다단(column) 레이아웃 속성 중 하나로, 다단 요소의 열(column) 사이의 간격을 지정하는 역할을 합니다.
  • column-rule : 속성은 다단 레이아웃(column layout)을 만들 때, 각각의 컬럼(column) 사이에 선을 추가하는 데 사용됩니다.
  • column-rule-color : 속성은 다단 레이아웃에서 각각의 컬럼 사이에 적용되는 선의 색상을 지정합니다.
  • column-rule-style : 속성은 다단 레이아웃에서 각각의 컬럼 사이에 적용되는 선의 스타일을 지정합니다.
  • column-rule-width : 속성은 단 레이아웃에서 각각의 컬럼 사이에 적용되는 선의 너비를 지정합니다.
  • column-span : 속성은 해당 열 요소를 다른 열 요소와 병합하여 하나의 큰 열로 만들어주는 역할을 합니다.
  • column-width : 속성은 다단 레이아웃에서 각 열의 너비를 지정하는 데 사용됩니다.
  • columns : 속성은 한 열(column)에 들어갈 요소의 크기와 수를 조절하여 여러 개의 열로 레이아웃을 만듭니다.
  • content : 속성은 가상 요소(pseudo-element)에 컨텐츠를 추가할 때 사용됩니다.
  • counter-increment : 속성은 카운터(counter) 기능을 사용할 때, 카운터의 값을 증가시키는 속성입니다.
  • counter-reset : 속성은 카운터를 초기화하는 속성입니다.
  • cursor : 속성은 마우스 커서의 모양을 지정할 수 있습니다.
  • direction : 속성은 텍스트의 쓰기 방향을 지정하는 데 사용됩니다.
  • display : 속성은 요소의 표시 방법을 지정하는 데 사용됩니다.
  • empty-cells : 속성은 빈 셀의 표시 여부를 지정하는 데 사용됩니다.
  • flex : 속성은 요소의 유연한 박스 모델(flexible box model)을 지정하는 데 사용됩니다.
  • flex-basis : 속성은 플렉스 항목(flex item)의 초기 크기를 설정합니다. 기본값은 'auto'입니다.
  • flex-direction : 속성은 플렉스 컨테이너(flex container) 내에서 플렉스 항목(flex item)의 배치 방향을 설정합니다.
  • flex-flow : 속성은 flex-direction과 flex-wrap 속성을 결합한 축약형 속성입니다.
  • flex-grow : 속성은 플렉스 아이템의 증가 가능한 크기를 지정하는 데 사용됩니다.
  • flex-shrink : 속성은 flex 요소의 크기를 줄일 수 있는 정도를 지정합니다.
  • flex-wrap : 속성은 flex 컨테이너 안에 있는 flex 아이템들의 줄바꿈 여부를 결정합니다.
  • float : 속성은 요소를 왼쪽이나 오른쪽으로 띄우는 데 사용되는 속성입니다.
  • font : 속성은 텍스트의 글꼴, 글꼴 크기, 글꼴 두께, 스타일 등을 지정하는 데 사용됩니다.
  • font-family : 속성은 폰트 종류를 설정합니다.
  • font-size : 속성은 폰트 사이즈 속성을 설정합니다.
  • font-size-adjust : 속성은 소문자를 기준으로 폰트 크기를 설정합니다.
  • font-stretch : 속성은 글꼴의 너비를 조절하는 데 사용됩니다. 이 속성은 특정한 글꼴 패밀리 내에서만 동작합니다.
  • font-style : 속성은 폰트의 스타일을 설정합니다.
  • font-variant : 속성은 글꼴 변형 형태를 일괄적으로 설정합니다.
  • font-variant-numeric : 속성은 숫자에 대한 글꼴 글리프(표시 형태)를 설정합니다.
  • font-variant-ligatures : 속성은 글꼴 글리프가 겹쳤을 때 설정합니다.
  • font-variant-emoji : 속성은 이모지 글꼴 글리프를 설정합니다.
  • font-variant-east-asian : 속성은 아시아 언어 글꼴 글리프를 설정합니다.
  • font-variant-caps : 속성은 소문자/대문자에 대한 글꼴 글리프를 설정합니다.
  • font-variant-alternates : 속성은 글꼴 글리프의 대체 형태를 설정합니다.
  • font-variant-position : 속성은 글꼴 글리프의 위치를 설정합니다.
  • font-variation-settings : 속성은 가변 폰트를 설정합니다.
  • font-weight : 속성은 폰트의 두께를 설정합니다.
  • grid : 요소들을 그리드 형태로 배치할 수 있게 해주는 속성입니다.
  • grid-area : 그리드 아이템의 위치와 크기를 한 번에 지정하는 단축 속성입니다.
  • grid-auto-columns : 명시적으로 지정되지 않은 열 크기를 자동으로 설정하는 방법을 지정하는 속성입니다.
  • grid-auto-flow : 자동 배치되는 그리드 아이템의 배치 방향을 지정하는 속성입니다.
  • grid-auto-rows : 자동 배치되는 그리드 아이템들의 행 크기를 지정하는 속성입니다.
  • grid-column : 그리드 아이템이 차지하는 열(column)의 범위를 지정하는 속성입니다.
  • grid-column-end : 그리드 아이템이 끝나는 열(column)의 위치를 지정하는 속성입니다.
  • grid-column-gap : 그리드 컨테이너에서 열(column) 사이의 간격을 지정하는 속성입니다.
  • grid-column-start : 그리드 아이템이 시작하는 열(column)의 위치를 지정하는 속성입니다.
  • grid-gap : 그리드 컨테이너에서 행(row)과 열(column) 간격을 한 번에 지정하는 단축 속성입니다.
  • grid-row : 그리드 아이템이 차지하는 행(row)의 범위를 지정하는 속성입니다.
  • grid-row-end : 그리드 아이템이 끝나는 행(row)의 위치를 지정하는 속성입니다.
  • grid-row-gap : 그리드 컨테이너에서 행(row) 사이의 간격을 지정하는 속성입니다.
  • grid-row-start : 그리드 아이템이 시작하는 행(row)의 위치를 지정하는 속성입니다.
  • grid-template : 그리드 컨테이너에서 그리드의 행(row)과 열(column)의 개수, 크기, 위치 등을 정의하는 속성입니다.
  • grid-template-areas : 그리드 컨테이너에서 그리드 영역의 배치를 지정하는 속성입니다.
  • grid-template-columns : 그리드 컨테이너에서 열(column)의 크기와 개수를 지정하는 속성입니다.
  • grid-template-rows : 그리드 컨테이너에서 행(row)의 크기와 개수를 지정하는 속성입니다.
  • hanging-punctuation : 문단 시작 부분에서 일부 글자를 끌어올리거나 내려줍니다.
  • height : 요소의 세로 크기를 설정합니다.
  • hyphens : 텍스트 줄바꿈 할때 하이픈으로 연결하는 방법을 설정합니다.
  • isolation : 요소의 콘텐츠가 다른 요소와 격리되어야 하는지 여부를 지정하는 속성입니다.
  • justify-content : flex 컨테이너 내의 flex 아이템들을 수평 방향으로 정렬하는 방법을 지정하는 속성입니다.
  • left : 요소의 위치를 지정하는 데 사용됩니다.
  • letter-spacing : 글자와 글자 사이의 간격을 지정하는 속성입니다.
  • line-height : 줄 간격을 지정하는 속성입니다.
  • list-style : 리스트 마커(marker)의 스타일을 지정하는 속성입니다.
  • list-style-image : 리스트 마커(marker)로 이미지를 사용하도록 지정하는 속성입니다.
  • list-style-position :리스트 마커(marker)의 위치를 지정하는 속성입니다.
  • list-style-type :
  • margin : 요소 주변의 간격을 지정하는 속성입니다.
  • margin-bottom : 요소의 아래쪽(margin-bottom)에 대한 간격을 지정하는 속성입니다.
  • margin-left : 요소의 왼쪽(margin-left)에 대한 간격을 지정하는 속성입니다.
  • margin-right : 요소의 오른쪽(margin-right)에 대한 간격을 지정하는 속성입니다.
  • margin-top : 요소의 위쪽(margin-top)에 대한 간격을 지정하는 속성입니다.
  • max-height : 요소의 최대 세로 크기를 설정합니다.
  • max-width : 요소의 최대 가로 크기를 설정합니다.
  • min-height : 요소의 최소 세로 크기를 설정합니다.
  • 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 : 문자열(String)을 특정한 길이로 맞추기 위해 사용됩니다.
  • padding-bottom : 요소의 아래쪽 내부 여백(padding)을 설정하는 속성입니다.
  • padding-left : 요소의 왼쪽 내부 여백(padding)을 설정하는 속성입니다.
  • padding-right : 요소의 오른쪽 내부 여백(padding)을 설정하는 속성입니다.
  • padding-top : 요소의 위쪽 내부 여백(padding)을 설정하는 속성입니다.
  • page-break-after : 인쇄된 페이지에서 다음 페이지로의 전환을 지정하는 속성입니다.
  • page-break-before : 인쇄된 페이지에서 현재 페이지의 앞에 새로운 페이지를 시작하도록 지정하는 속성입니다.
  • page-break-inside : 인쇄된 페이지에서 요소 내부에서 페이지가 나누어지는 것을 허용하거나 방지하는 속성입니다.
  • perspective : 3차원 공간에서 요소의 원근감(perspective)을 설정하는 속성입니다.
  • perspective-origin : 3차원 공간에서 perspective 속성이 적용된 요소의 원근감(perspective)을 설정하는 중심점(origin)을 지정하는 속성입니다.
  • pointer-events : 요소에 마우스 포인터 이벤트(mouse events)가 적용되는 방식을 지정하는 속성입니다.
  • position : 요소의 위치를 지정하는 속성입니다.
  • quotes : 문자열을 정의할 때 사용하는 기호를 말합니다.
  • resize : JavaScript에서 사용되는 이벤트 중 하나입니다. 이 이벤트는 브라우저 창의 크기가 변경될 때 발생합니다.
  • right : 요소(element)의 오른쪽 경계(edge)가 뷰포트(viewport)의 오른쪽 가장자리에서 얼마나 떨어져 있는지를 설정합니다.
  • tab-size : 탭 문자(tab character)가 표시될 때의 간격을 지정합니다. 기본값은 8이며, length 값을 통해 설정할 수 있습니다.
  • table-layout : 'table' 요소의 레이아웃 방식을 지정합니다.
  • text-align : 텍스트 정렬 방식을 설정합니다.
  • text-align-last : 문단의 마지막 텍스트 정렬 방식을 설정합니다.
  • text-decoration : 속성은 텍스트 라인 속성을 일괄적으로 설정합니다.
  • text-decoration-color : 속성은 글자 라인의 색상 속성을 설정합니다.
  • text-decoration-line : 글자 라인의 위치 속성을 설정합니다.
  • text-decoration-style : 텍스트에 적용되는 선(line)의 스타일을 지정합니다.
  • text-decoration-skip-ink : 언더 라인의 글씨 겹침을 설정합니다.
  • text-decoration-thickness : 글자 라인의 굵기 속성을 설정합니다.
  • text-emphasis-color : 텍스트에 강조 표시 색상을 설정합니다.
  • text-emphasis-position : 텍스트에 강조 표시 위치를 설정합니다.
  • text-emphasis-style : 텍스트에 강조 표시 스타일을 설정합니다.
  • text-emphasis : 텍스트에 강조 표시를 일괄적으로 설정합니다.
  • text-indent : 문단 들여쓰기 속성을 설정합니다.
  • text-justify : 양쪽 정렬을 했을 때 정렬 유형을 설정합니다.
  • text-overflow : 텍스트가 영역을 벗어 났을 때 속성을 설정합니다.
  • text-shadow : 텍스트 그림자를 설정합니다.
  • text-transform : 텍스트의 대소문자 변환 방법을 지정합니다.
  • text-underline-offset : 언더 라인의 오프셋 값을 설정합니다.
  • text-underline-position : 언더 라인의 위치를 설정합니다.
  • top : 요소(element)를 수직 방향(top-down)으로 위치시킬 때 사용됩니다.
  • transform : 요소(element)의 변형(transform)을 지정하는 데 사용됩니다.
  • transform-origin : transform 속성을 사용하여 요소를 변형할 때 변형의 기준점(origin)을 지정하는 데 사용됩니다.
  • transform-style : 3D 변환(transform)이 적용된 자식 요소들의 변환 방법을 지정합니다.
  • transition : HTML 요소의 스타일을 변경할 때 애니메이션 효과를 부드럽게 적용하기 위한 방법 중 하나입니다.
  • transition-delay : transition에서 사용되는 속성 중 하나로, 전환 효과가 시작되기 전에 대기하는 시간을 나타냅니다.
  • transition-duration : CSS transition에서 사용되는 속성 중 하나로, 전환 효과가 일어나는 시간을 나타냅니다.
  • transition-property : CSS transition에서 사용되는 속성 중 하나로, 전환 효과를 적용할 CSS 속성을 지정합니다.
  • transition-timing-function : CSS transition에서 사용되는 속성 중 하나로, 전환 효과의 속도 곡선을 지정합니다.
  • unicode-bidi : 언어의 흐름 방향을 지정하는 데 사용됩니다.
  • user-select : 요소의 텍스트 선택을 가능하게 하거나 막는 데 사용됩니다.
  • vertical-align : 인라인 요소의 수직 정렬을 설정하는 데 사용됩니다.
  • visibility : 요소를 화면에 표시할지 여부를 설정하는 데 사용됩니다.
  • white-space : 줄바꿈 및 공백을 설정합니다.
  • width : 요소의 가로 크기를 설정합니다.
  • word-break : 줄바꿈을 할때 단어를 기준으로 설정하는 속성입니다.
  • word-spacing : 요소 내부의 단어 간 간격을 조절하는 데 사용됩니다.
  • word-wrap : 띄어쓰기가 없는 긴 단어를 어떻게 처리할지 정합니다.
  • z-index : 위치 지정 요소와, 그 자손 또는 하위 플렉스 아이템의 Z축 순서를 지정합니다.