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

CSS 속성 검색하기

검색하기

all : all 속성은 요소의 속성을 초기화 또는 상속을 설정합니다.
animation : animation 속성은 애니메이션과 관련된 속성을 일괄적으로 설정합니다.
animation-delay : animation-delay 속성은 애니메이션 지연 시간을 설정합니다.
animation-direction : animation-direction 속성은 애니메이션 움직임 방향을 설정합니다.
animation-duration : animation-duration 속성은 애니메이션 움직임 시간을 설정합니다.
animation-fill-mode : animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다.
animation-iteration-count : animation-iteration-count 속성은 애니메이션 반복 횟수 설정합니다.
animation-name : animation-name 속성은 애니메이션 keyframe 이름을 설정합니다.
animation-play-state : animation-play-state 속성은 애니메이션 진행상태를 설정합니다.
animation-timing-function : animation-timing-function 속성은 애니메이션 움직임의 속도를 설정합니다.
appearance : appearance 속성은 기본 양식 컨트롤이 렌더링되는 방식을 제어합니다.
backdrop-filter : backdrop-filter 속성은 요소 뒤에 필터효과를 설정합니다.
backface-visibility : backdrop-visibility 속성은 요소 뒷면 출력 여부 설정합니다.
background : background 속성은 배경 속성 값을 정의합니다.
background-attachment : background-attachment 속성은 배경이미지의 고정여부를 설정하기 위한 속성입니다.
background-blend-mode : background-blend-mode 속성은 배경을 혼합했을 때의 상태를 설정합니다.
background-clip : background-clip 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다.
background-color : background-color 속성은 백그라운드 색을 설정합니다.
background-image : background-image 속성은 백그라운드 이미지 및 배경 속성을 설정합니다.
background-origin : background-origin 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다.
background-position : background-position 속성은 백그라운드 이미지의 위치 영역을 설정합니다.
background-repeat : background-repeat 속성은 백그라운드 이미지 반복 여부를 설정합니다.
background-repeat : background-repeat 속성은 백그라운드 이미지 반복 여부를 설정합니다.
background-size : background-size 속성은 백그라운드 이미지 사이즈를 설정합니다.
border : border 속성은 테두리 속성을 일괄적으로 설정합니다.
border-bottom : border-bottom 속성은 테두리 아래쪽 속성을 일괄적으로 설정합니다.
border-bottom-color : border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다.
border-bottom-left-radius : border-bottom-left-radius 속성은 아래부분 왼쪽 모서리 굴곡을 설정합니다.
border-bottom-right-radius : border-bottom-right-radius 속성은 아래부분 오른쪽 모서리 굴곡을 설정합니다.
border-bottom-style : border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다.
border-bottom-width : border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다.
border-collapse : border-collapse 속성은 테이블의 테두리 분리 여부를 설정합니다.
border-color : border-color 속성은 테두리 색 속성을 설정합니다.
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-image-left : border-image-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다.
border-image-left-color : border-image-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다.
border-image-left-style : border-image-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다.
border-image-left-width : border-image-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다.
border-radius : border-radius 속성은 모서리 굴곡을 설정합니다.
border-image-right : border-image-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다.
border-image-right-color : border-image-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다.
border-image-right-style : border-image-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다.
border-image-right-width : border-image-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다.
border-spacing : border-spacing 속성은 테이블의 테두리 간격을 설정합니다.
border-style : border-style 속성은 테두리 스타일 속성을 설정합니다.
border-top : border-top 속성은 위쪽 속성을 일괄적으로 설정합니다.
border-top-color : border-top-color 속성은 위쪽 색 속성을 설정합니다.
border-top-color : border-top-color 속성은 위쪽 색 속성을 설정합니다.
border-top-left-radius : border-top-left-radius 속성은 윗부분 왼쪽 모서리 굴곡을 설정합니다.
border-top-rigth-radius : border-top-rigth-radius 속성은 윗부분 오른쪽 모서리 굴곡을 설정합니다.
border-top-style : border-top-style 테두리 위쪽 스타일 속성을 설정합니다.
border-top-width : border-top-width 테두리 위쪽 두께 속성을 설정합니다.
bottom : bottom 속성은 위치 요소의 아래쪽 속성을 설정합니다.
box-decoration-break : box-decoration-break 속성은 컬럼 및 줄바꿈시 테두리와 패딩의 방식을 설정합니다.
box-shadow : box-shadow 속성은 박스 요소의 그림자를 설정합니다.
box-sizing : box-sizing 속성은 요소 크기에 패딩 포함 여부를 설정합니다.
caption-side : caption-side 속성은 테이블 caption의 위치를 설정합니다.
caret-color : caret-color 속성은 input의 커서 색을 정의합니다.
clear : clear 속성은 float 요소의 성질을 차단합니다.
clip : clip 속성은 보이는 영역을 설정합니다.
color : color 속성은 글씨 색을 설정합니다.
column-count : column-count 속성은 컬럼의 수를 정의합니다.
column-fill : column-fill 속성은 열의 지정방법을 정의합니다.
column-gap : column-gap 속성은 컬럼의 간격을 정의합니다.
column-rule : column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다.
column-rule-color : column-rule-color 속성은 컬럼의 라인 색을 정의합니다.
column-rule-style : column-rule-style 속성은 컬럼 라인의 스타일을 정의합니다.
column-rule-width : column-rule-width 속성은 컬럼 라인의 가로값을 정의합니다.
column-span : column-span 속성은 열의 속성을 정의합니다.
column-width : column-width 속성은 컬럼의 가로 값을 정의합니다.
columns : columns 속성은 컬럼의 열의 폭과 열의 수를 정의합니다.
content : content 속성은 콘텐츠 내용을 설정합니다.
counter-increment : counter-increment 속성은 콘텐츠의 순서 상태를 정의합니다.
counter-reset : counter-reset 속성은 콘텐츠의 숫자를 초기화합니다.
cursor : cursor 속성은 마우스 오버시 마우스 포인터를 정의합니다.
direction : direction 속성은 문장의 방향을 설정합니다.
display : display 해당 요소를 어떻게 보여줄지를 지정할수있습니다.
empty-cells : empty-cells 속성은 테이블의 빈요소의 속성을 설정합니다.
filter : filter 속성은 그래픽 효과를 설정합니다.
flex : flex 속성은 콘텐츠의 성질을 flex로 정의합니다.
flex-basis : flex-basis 속성은 요소의 기본 단위를 정의합니다.
flex-direction : flex-direction 속성은 요소의 정렬 방향을 정의합니다.
flex-flow : flex-flow 속성은 요소의 정렬 방향 flex-direction와 줄 속성 flex-wrap을 같이 설정합니다.
flex-grow : flex-grow 속성은 요소의 크기를 숫자를 통해 정의합니다.
flex-shrink : flex-shrink 속성은 요소의 크기를 숫자를 통해 줄여줍니다.
flex-wrap : flex-wrap 속성은 요소의 줄 속성을 설정합니다.
float : flex-grow 속성은 블록요소의 정렬 상태를 설정합니다.
font : font 속성은 폰트에 관한 설정을 정의합니다.
font-family : font-family 속성은 폰트 종류를 설정합니다.
font-size : font-size 속성은 폰트의 크기를 조절할수 있습니다.
font-size-adjust : font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다.
font-stretch : font-stretch 속성은 폰트의 굵기를 정의합니다.
font-style : font-style 속성은 폰트의 스타일을 정의합니다.
font-variant : font-variant 속성은 글꼴의 변형을 정의합니다.
font-weight : font-weight 속성은 폰트의 가중치나 굵기를 명시할수있다.
grid : grid 속성은 flex와 달리 가로세로(2방향)설정이 가능한 2차원 레이아웃 시스템입니다.
grid-area : grid-area 속성은 영역(Area) 이름을 설정하거나, grid-row와 grid-column의 단축 속성
grid-auto-columns : grid-auto-columns 속성은 암시적인 열(Track)의 크기를 정의
grid-auto-flow : grid-auto-flow 속성은 자동 배치 알고리즘 방식을 정의
grid-auto-rows : grid-auto-rows 속성은 암시적인 행(Track)의 크기를 정의
grid-column : grid-column 속성은 grid-column-xxx의 단축 속성(열 시작/끝 위치)
grid-column-end : grid-column-end 속성은 그리드 아이템의 열 끝 위치 지정
grid-column-gap : grid-column-gap 속성은 열과 열 사이의 간격(Line)을 정의
grid-column-start : grid-column-start 속성은 그리드 아이템의 열 시작 위치 지정
grid-gap : grid-gap 속성은 행과 열 사이의 간격을 설정합니다.
grid-row : grid-row 속성은 grid-row-xxx의 단축 속성(행 시작/끝 위치)
grid-row-end : grid-row-end 속성은 그리드 아이템의 행 끝 위치 지정
grid-row-gap : grid-row-gap 속성은 행과 행 사이의 간격(Line)을 정의
grid-row-start : grid-row-start 그리드 아이템(Item)의 행 시작 위치 지정
grid-template : grid-template 속성은 grid-template-xxx의 단축 속성
grid-template-areas : grid-template-areas 속성은 영역(Area) 이름을 참조해 템플릿 생성
grid-template-columns : grid-template-columns 명시적 열(Track)의 크기를 정의
grid-template-rows : grid-template-rows 명시적 행(Track)의 크기를 정의
hanging-punctuation : hanging-punctuation 속성은 글씨의 시작 및 끝의 위치 정의합니다.
height : height 속성은 콘텐츠 요소의 세로값을 설정합니다.
hyphens : hyphens 속성은 텍스트의 하이픈 영역을 설정합니다.
isolation : isolation 속성은 stacking context을 설정합니다.
justify-content : justify-content 속성은 콘텐츠의 좌우 관계 정렬 상태를 정의합니다.
left : left 속성은 위치 요소의 왼쪽 속성을 설정합니다.
letter-spacing : letter-spacing 속성은 글자 사이의 간격을 설정합니다.
line-height : line-height 속성은 문장과 문장 사이의 간격을 설정합니다.
list-style : list-style 속성은 목록 스타일 속성을 설정합니다.
list-style-image : list-style-image 속성은 목록 마커의 이미지를 설정합니다.
list-style-position : list-style-position 속성은 목록 마커의 위치 속성을 설정합니다.
list-style-type : list-style-type 속성은 목록 마커의 유형을 설정합니다.
margin : margin 속성은 요소의 네 방향 바깥 여백 영역을 설정합니다.
margin-bottom : margin-bottom 속성은 요소의 아래쪽에 바깥 여백 영역을 설정합니다.
margin-left : margin-left 속성은 요소의 왼쪽에 바깥 여백 영역을 설정합니다.
margin-right : margin-right 속성은 요소의 오른쪽에 바깥 여백 영역을 설정합니다.
margin-top : margin-top 속성은 요소의 위쪽에 바깥 여백 영역을 설정합니다.
mask : mask 속성은 아이템이 부분적으로만 보여지게 하거나 혹은 완전히 가려서 보여지지 않게 할 수 있는 기능을 가지고 있습니다. 이 속성은 마스킹 혹은 특정한 점을 기준으로 이미지를 잘라내는 기능을 함께 제공합니다.
mask-border : mask-border 속성은 요소의 경계의 가장자리를 따라 마스크를 만들 수 있습니다.
mask-border-mode : mask-border-mode 속성은 마스크 테두리에 사용되는 혼합(blending) 모드를 지정합니다.
mask-border-outset : mask-border-outset 요소의 마스크 테두리가 테두리 상자에서 설정되는 거리를 지정합니다.
mask-border-repeat : mask-border-repeat 속성은 소스 이미지의 가장자리 영역이 요소의 마스크 테두리 크기에 맞게 조정되는 방식을 설정합니다.
mask-border-slice : mask-border-slice 속성은 mask-border-source로 설정된 이미지를 영역으로 나눕니다. 이 영역은 요소의 마스크 테두리 구성 요소를 형성하는 데 사용됩니다.
mask-border-source : mask-border-source 속성은 요소의 마스크 테두리를 만드는 데 사용되는 소스 이미지를 설정합니다.
mask-border-width : mask-border-width 속성은 요소의 마스크 테두리 너비를 설정합니다.
mask-clip : mask-clip 속성은 마스크의 영향을 받는 영역을 결정합니다. 요소의 칠해진 콘텐츠는 이 영역으로 제한되어야 합니다.
mask-composite : mask-composite 속성은 현재 마스크 레이어 아래에 마스크 레이어가 있는 합성 작업을 나타냅니다.
mask-image : mask-image 속성은 요소를 url에 지정된 이미지 만큼만 보이게 처리합니다.
mask-mode : mask-mode 속성은 mask-image에 의해 정의된 마스크 참조가 광도 또는 알파 마스크로 처리되는지 여부를 설정합니다.
mask-origin : mask-origin 속성은 마스크의 원점을 설정합니다.
mask-position : mask-position 속성은 background-position처럼 마스크에 보일 요소위치를 지정합니다.
mask-repeat : mask-repeat 속성은 마스크 이미지가 반복되는 방식을 설정합니다. 마스크 이미지는 가로축, 세로축, 양축을 따라 반복하거나, 반복하지 않을 수 있습니다.
mask-size : mask-size 속성은 background-size처럼 보일 요소의 크기를 지정합니다.
mask-type : mask-type 속성은 SVG mask 요소를 밝기 또는 알파 마스크로 사용할지 여부를 설정합니다. mask 요소 자체에 적용됩니다.
max-height : max-height 속성은 요소의 최대 세로값을 설정합니다.
max-width : max-width 속성은 요소의 최대 가로 값을 설정합니다.
min-height : min-height 속성은 요소의 최소 세로 값을 설정합니다.
min-width : min-width 속성은 요소의 최소 가로 값을 설정합니다.
mix-blend-mode : mix-blend-mode 속성은 배경의 혼합 상태를 정의합니다.
object-fit : object-fit 속성은 대체되는 요소의 내용(<img>, <video>, <object>, <svg> 등과 같은)이 지정된 너비와 높이에 맞게 적용되는 방식을 지정한다.
object-position : object-position 속성은 기본적으로 요소의 가운데로 화상을 이동시킨다. 이 위치를 원하는 값으로 변경한다.
opacity : opacity 속성은 요소의 투명도를 제어하는데 사용됩니다.
orphans : orphans 속성은 페이지, 영역 또는 열의 맨 아래에 표시되어야 하는 블록 컨테이너의 최소 줄 수를 설정합니다.
outline : outline 속성은 요소 주위에 윤곽선을 그리는 데 사용됩니다.
outline-color : outline-color 속성은 요소의 윤곽선 색상을 설정하는 데 사용됩니다.
outline-offset : outline-offset 속성은 요소 윤곽선의 가장자리 또는 테두리 사이의 간격을 설정합니다.
outline-style : outline-style 속성은 요소의 윤곽선 스타일을 설정하는 데 사용됩니다.
outline-width : outline-width 속성은 요소의 윤곽선 너비를 설정하는 데 사용됩니다.
overflow : overflow 속성은 요소의 경계를 넘은 콘텐츠를 표시할지 여부를 지정합니다.
overflow-x : overflow-x 속성은 요소의 콘텐츠를 표시할지, 잘릴지(숨겨야 하는지) 또는 콘텐츠가 요소의 왼쪽 및 오른쪽 가장자리를 넘을 때 수평 스크롤 막대를 추가할지 여부를 지정하는 데 사용됩니다.
overflow-y : overflow-y 속성은 요소의 콘텐츠를 표시할지, 잘릴지(숨겨야 하는지) 또는 콘텐츠가 요소의 위쪽 및 아래쪽 가장자리를 넘을 때 세로 스크롤 막대를 추가할지 여부를 지정하는 데 사용됩니다.
padding : padding 속성은 한 번에 요소의 네 면에 패딩 영역(내용(content)과 테두리(border) 사이의 간격)을 설정합니다.
padding-bottom : padding-bottom 속성은 요소의 아래쪽 패딩 영역(내용(content)과 테두리(border) 사이의 간격)을 설정
padding-left : padding-left 속성은 요소의 왼쪽 패딩 영역(내용(content)과 테두리(border) 사이의 간격)을 설정
padding-right : padding-right 속성은 요소의 오른쪽 패딩 영역(내용(content)과 테두리(border) 사이의 간격)을 설정
padding-top : padding-top 속성은 요소의 위쪽 패딩 영역(내용(content)과 테두리(border) 사이의 간격)을 설정
page-break-after : page-break-after 속성은 페이지 인쇄시 적용된 요소 뒤부터 페이지 분리에 관한 설정을 정의합니다.
page-break-before : page-break-before 속성은 페이지 인쇄시 적용된 요소 앞부터 페이지 분리에 관한 설정을 정의합니다.
page-break-inside : page-break-inside 속성은 요소 내부에서 페이지 넘김을 지정합니다
perspective : perspective 속성은 3차원 공간을 활성화하여 해당 요소의 자식이 해당 공간에 배치될 수 있도록 하는 데 사용됩니다.
perspective-origin : perspective-origin 속성은 뷰어가 3차원 공간을 바라보는 위치를 선택하는 데 사용됩니다.
pointer-events : pointer-events 속성은 특정 그래픽 요소가 포인터 이벤트의 대상이 될 수 있는 조건을 제어하는 데 사용됩니다 .
position : position 속성은 페이지에서 요소의 위치를 설정하는 데 사용됩니다 .
quotes : quotes 속성은 속성을 사용하여 삽입할 때 사용할 따옴표를 지정하는 데 사용됩니다
resize : resize 속성은 사용자가 요소의 크기를 조정할 수 있는지 여부와 가능한 경우 방향을 지정할 수 있습니다.
right : right 속성은 위치 지정 요소의 오른쪽 오프셋을 지정하는 데 사용되는 오프셋 속성입니다 .
shape-image-threshold : shape-image-threshold 속성은 css모양 외부에 이미지를 사용할 때 모양을 추출하는 데 사용되는 알파 채널의 임계값을 설정하는 데 사용됩니다.
shape-margin : shape-margin 속성은 css모양에 여백을 추가하는 데 사용됩니다.
shape-outside : shape-outside 속성은 float된 요소의 경계를 감싸는 방식을 제어하는 데 사용됩니다.
tab-size : tab-size 속성은 속성은 페이지에 표시되는 탭 문자의 너비를 결정하는 데 사용됩니다.
table-layout : 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-style 속성은 text-decoration-line이 있는 요소에 설정된 선(밑줄, 윗줄 및 선 통과)의 스타일을 설정합니다.
text-indent : text-indent 속성은 텍스트를 담고있는 블록 컨테이너에 적용되며 문단의 첫줄을 들여쓰기 할 때 사용합니다.
text-justify : text-justify 속성은 텍스트의 간격을 정의합니다.
text-orientation : text-orientation 속성은 콘텐츠 줄 내에서 문자의 방향을 설정합니다.
text-overflow : text-overflow 속성은 박스 안에 내용이 넘칠 때 텍스트를 어떻게 처리할지 지정하는 속성입니다.
text-rendering : text-rendering 속성은 텍스트를 렌더링할 때 최적화할 항목을 선택할 수 있는 속성입니다.
text-shadow : text-shadow 속성은 텍스트에 그림자를 추가할 때 설정합니다.
text-transform : text-transform 속성은 대문자로 또는 소문자로 바꾸는 속성입니다.
top : top 속성은 각 옵션 속성들의 부모 태그를 기준으로 수직으로 위치를 설정합니다.
touch-action : touch-action 속성은 어떤 요소 내에서 브라우저가 처리할 터치 액션의 목록을 설정합니다.
transform : transform 속성은 요소에 회전, 크기 조절, 기울이기, 이동 효과를 설정합니다.
transform-origin : transform-origin 속성은 transform 속성과 함께 사용되는 속성으로, 회전 중심(원점·기준점)을 설정합니다.
transform-style : transform-style 속성은 자식 요소를 3D 공간에 배치하거나 2D 평면에 평평하게 배치 할지 설정합니다.
transition : transition 속성은 특정 조건 하에서 변화하는 과정을 애니메이션으로 보여주고자 할 때 설정합니다.
transition-delay : transition-delay 속성은 프로퍼티가 변화한 시점과 트랜지션이 실제로 시작하는 사이에 대기하는 시간을 초 단위(s) 또는 밀리 초 단위(ms)로 설정합니다.
transition-duration : transition-duration 속성은 애니메이션 소요 시간을 설정합니다.
transition-property : transition-property 속성은 transition의 적용 여부를 정의합니다.
transition-timing-function : transition-timing-function 속성은 요소의 움직임 기능을 정의합니다.
unicode-bidi : unicode-bidi 속성은 글자의 방향 속성을 설정합니다.
vertical-align : vertical-align 속성은 텍스트의 상하 정렬 방식을 설정합니다.
visibility : visibility 속성은 요소를 보이지 않게 정의합니다.
white-space : white-space 속성은 줄바꿈, 공백, 줄 속성을 설정합니다.
widows : widows CSS 속성은 페이지, 영역 또는 열의 맨 위에 표시되어야 하는 블록 컨테이너의 최소 줄 수를 설정합니다.
width : width 속성은 요소의 가로 값을 정의합니다.
will-change : will-change속승은 값이 변경될 속성에 대한 힌트를 미리 지정합니다.
word-break : word-break 속성은 줄바꿈 속성을 설정합니다.
word-spacing : word-spacing 속성은 단어 사이의 간격을 정의합니다.
word-wrap : word-wrap 속성은 줄바꿈을 설정합니다.
writing-mode : 텍스트의 방향(가로/세로)를 설정합니다.
z-index : z-index 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다.