indexOf( ) 를 이용하여 CSS 속성 검색하기
검색하기
전체 속성 갯수 : 0 개
align-content : align-content 속성은 콘텐츠의 상하관계 정렬 상태를 정의합니다.align-items : align-items 속성은 <div> 요소의 수직 방향 정렬 방식을 설정합니다.align-self : align-self 속성은 콘텐츠의 정렬 상태를 정의합니다.all : all 속성은 CSS 속성을 재설정하는데 사용할 수 있는 약식 속성입니다.animation : animation 속성은 애니메이션 속성을 설정하기 위한 약식 속성입니다.animation-delay : animation-delay 속성은 애니메이션이 시작되는 시간을 설정합니다.animation-direction : animation-direction 속성은 애니메이션이 움직이는 방향을 설정합니다.animation-duration : animation-duration 속성은 애니메이션이 움직이는 시간을 설정합니다.animation-fill-mode : animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다.animation-iteraction-count : animation-iteraction-count 속성은 애니메이션의 설정합니다.animation-name : animation-name 속성은 애니메이션의 키프레임의 이름을 설정합니다.animation-play-state : animation-play-state 속성은 애니메이션의 설정합니다.animation-timing-function : animation-timing-function 속성은 움직임의 속도를 정의합니다.appearance : appearance 속성은 appearance기본 양식 컨트롤이 렌더링되는 방식을 제어합니다.backdrop-filter : backdrop-filter 속성은 요소 뒤에 필터효과를 설정합니다.backdrop-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-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속성에서 제공하는 테두리 스타일 대신 사용할 이미지를 정의하고 border-style요소에 대한 추가 배경 레이어로 사용됩니다.border-image-outset : border-image-outset 속성은 테두리 이미지의 영역의 경계를 확장하는 데 사용됩니다.border-image-repeat : border-image-repeat 속성은 a로 사용된 이미지의 조각이 어떻게 크기 border image가 조정되고 바둑판식으로 배열되는지 지정합니다.border-image-slice : border-image-slice 속성은 테두리 이미지로 사용할 이미지를 4개의 모서리, 4개의 모서리 및 1개의 중앙 조각의 9개 조각으로 "슬라이스"하는 데 사용됩니다.border-image-source : border-image-source 속성은 속성에서 지정한 image테두리 스타일 대신 border-style요소에 대한 추가 배경 레이어로 사용할 것을 지정합니다.border-image-width : border-image-width 속성은 border-image속성 에 의해 생성된 테두리 이미지의 크기를 조정하는 데 사용됩니다.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-spacing : border-spacing 속성은 인접한 경계 셀의 경계 사이의 거리를 지정하는 데 사용됩니다.border-style : border-style 속성은 테두리 이미지 세트가 없는 한 요소 테두리의 선 스타일(실선, 이중, 대시 등)을 지정하는 데 사용됩니다.border-top : border-top 속성은 요소 상단 테두리의 너비, 스타일 및 색상을 지정하는 데 사용 되는 border-top약식 속성입니다.border-top-color : border-top-color 속성은 요소의 상단 테두리 색상을 설정하는 데 사용됩니다.border-top-left-radius : border-top-left-radius 속성은 요소의 왼쪽 상단 모서리를 둥글게 만드는 데 사용됩니다.border-top-right-radius : border-top-right-radius 속성은 요소의 오른쪽 상단 모서리를 둥글게 만드는 데 사용됩니다.border-top-style : border-top-style 속성은 테두리 이미지 세트가 없는 한 요소의 상단 테두리 선 스타일(실선, 이중, 대시 등)을 지정하는 데 사용됩니다.border-top-width : border-top-width 속성은 요소의 위쪽 테두리 너비를 설정하는 데 사용됩니다.border-width : border-width 속성은 요소의 테두리 너비를 설정하는 데 사용됩니다.bottom : bottom 속성 은 위치 지정 컨텍스트 를 기준으로 위치 지정 요소의 아래쪽 오프셋을 지정하는 데 사용되는 오프셋 속성입니다.box-shadow : box-shadow 속성은 요소에 하나 이상의 그림자를 드리우는 데 사용됩니다. 실제로 모든 요소는 이 속성을 사용하여 그림자를 얻을 수 있습니다.box-sizing : box-sizing 속성은 "상자 모델"과 관련하여 요소 크기 조정 방식을 변경하는 데 사용됩니다.break-after : break-after 속성은 페이지 나누기, 영역 나누기 또는 열 나누기가 적용된 요소 뒤에 발생해야 하는지 여부를 지정하는 데 사용됩니다.break-before : break-before 속성은 페이지 나누기, 영역 나누기 또는 열 나누기가 적용되는 요소보다 먼저 발생해야 하는지 여부를 지정하는 데 사용됩니다.break-inside : break-inside 속성은 페이지 나누기, 영역 나누기 또는 열 나누기가 적용되는 요소 내에서 발생해야 하는지 여부를 지정하는 데 사용됩니다.caption-side : caption-side 속성은 테이블 caption의 위치를 설정합니다.clear : clear 속성은 float 요소의 성질을 차단합니다.clip : clip 속성은 보이는 영역을 설정합니다.clip-path : clip-path 속성은 기본 모양( )을 지정 하거나 요소의 클리핑 경로로 사용할 SVG 경로를 참조하는 데 사용됩니다 .color : color 속성은 글씨 색을 설정합니다.column-count : column-count 속성은 컬럼의 수를 정의합니다.column-fill : column-fill 속성은 열의 지정방법을 정의합니다.column-gap : column-gap 속성은 컬럼의 간격을 정의합니다.column-rule : column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다.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 속성은 그래픽 효과를 설정합니다.float : float 속성은 블록요소의 정렬 상태를 설정합니다.flex : flex 속성은 콘텐츠의 성질을 flex로 정의합니다.flex-basis : flex-basis 속성은 요소의 기본 단위를 정의합니다.flex-direction : flex-direction 속성은 요소의 정렬 방향을 정의합니다.flex-flow : flex-flow 속성은 요소의 정렬 방향과 줄 속성을 설정합니다.flex-grow : flex-grow 속성은 요소의 크기를 숫자를 통해 정의합니다.flex-shrink : flex-shrink 속성은 요소의 크기를 숫자를 통해 줄여줍니다.flex-wrap : flex-wrap 속성은 요소의 줄 속성을 설정합니다.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-synthesis : font-synthesis 속성은 사용된 글꼴에 굵거나 비스듬한 면이 포함되지 않은 경우 브라우저에서 굵게 또는 비스듬한 글꼴 을 합성 할 수 있는지 여부를 지정하는 데 사용됩니다.font-variant : font-variant 속성은 글꼴의 변형을 정의합니다.font-weight : font-weight 속성은 폰트의 두께를 정의합니다.grid : grid 속성은 그리드 레이아웃 속성을 설정합니다.grid-area : grid-area 속성은 영역(Area) 이름을 설정하거나, grid-row와 grid-column의 단축 속성입니다.grid-auto-columns : grid-auto-columns 속성은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-areas : grid-template-areas 속성은 컬럼의 영역을 설정합니다.grid-template-columns : grid-template-columns 속성은 가로 컬럼의 크기와 위치를 설정합니다.grid-template-rows : grid-template-rows 속성은 세로 컬럼의 크기와 위치를 설정합니다.hanging-punctuation : hanging-punctuation 속성은 글씨의 시작 및 끝의 위치 정의합니다.height : height 속성은 콘텐츠 요소의 세로값을 설정합니다.hyphens : hyphens 속성은 텍스트의 하이픈 영역을 설정합니다.isolation : isolation 속성은 stacking context을 설정합니다.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 속성은 마스크 테두리에 사용되는 혼합 모드를 지정합니다.mask-border-outset : mask-border-outset 속성은 테두리 마스크 이미지 영역이 요소의 테두리 상자 영역을 넘어 확장되는 정도를 지정하는 데 사용됩니다.mask-border-repeat : mask-border-repeat 속성은 테두리 이미지의 측면과 중간 부분에 대한 이미지의 크기를 조정하고 바둑판식으로 배열하는 방법을 지정합니다.mask-border-slice : mask-border-slice 속성은 마스크 테두리 이미지 로 사용할 이미지를 9개 조각으로 나누는 데 사용됩니다.mask-border-source : mask-border-source 속성은 마스크 테두리 이미지로 사용할 이미지를 지정하는 데 사용됩니다.mask-border-width : mask-border-width 속성은 생성된 마스크 테두리 이미지의 크기를 조정하는 데 사용됩니다.mask-clip : mask-clip 속성은 마스크의 영향을 받는 영역을 결정합니다. mask-composite : mask-composite 속성은 마스크 레이어 이미지가 그 아래(또는 뒤에 있는) 다른 마스크 레이어 이미지와 합성되는 방법을 지정 하는 데 사용 됩니다.mask-image : mask-image 속성은 요소의 마스크 레이어로 사용할 이미지를 지정하는 데 사용 됩니다.mask-mode : mask-mode 속성은 마스크 이미지가 광도 또는 알파 마스크로 처리되는지 여부를 설정 합니다.mask-origin : mask-origin 속성은 요소의 마스크 위치 지정 영역 을 지정합니다. mask-position : mask-position 속성은 마스크 위치 지정 영역 내에서 마스크 레이어 이미지의 초기 위치(크기조정 후)를 지정합니다.mask-repeat : mask-repeat 속성은 마스크 레이어 이미지가 반복되는지 여부와 방법을 지정하는 데 사용됩니다.mask-size : mask-size 속성은 마스크 레이어 이미지의 크기를 지정 하는 데 사용됩니다.mask-type : mask-type 속성은 SVG 요소가 광도 또는 알파 마스크로 처리되는지 여부를 설정 합니다.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-position : object-position 속성은 <img>, <video> 태그의 위치를 정의합니다.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 속성은 X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.overflow-y : overflow-y 속성은 Y축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다.padding : padding 속성은 요소의 안쪽 여백을 설정합니다.padding-bottom : padding-bottom 속성은 요소의 아래쪽 여백을 설정합니다.padding-left : padding-left 속성은 요소의 왼쪽 여백을 설정합니다.padding-right : padding-right 속성은 요소의 오른쪽 여백을 설정합니다.padding-top : padding-top 속성은 요소의 위쪽 여백을 설정합니다.page-break-after : page-break-after 속성은 페이지 인쇄시 분리에 관한 설정을 정의합니다.page-break-before : page-break-before 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다.page-break-inside : page-break-inside 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다.perspective : perspective 속성은 3D를 표현할 때 원근점을 정의합니다.perspective-origin : perspective-origin 속성은 3D를 표현할 때 원근점의 방향을 정의합니다.pointer-events : pointer-events 속성은 포인터 이벤트 반응을 정의합니다.position : position 속성은 요소의 위치를 설정합니다.quotes : quotes 속성은 인용 부호를 정의합니다.resize : resize 속성은 요소의 사이즈를 정의합니다.right : right 속성은 위치 요소의 오른쪽 속성을 설정합니다.shape-image-threshold : shape-image-threshold 속성은 이미지를 값으로 사용하여 모양을 추출하는 데 사용되는 알파 채널 임계값을 설정합니다.shape-margin : shape-margin 속성은 요소에 적용된 모양에 여백을 추가하는 데 사용됩니다.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-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 속성은 컨텐츠 요소를 이동(translate), 회전(rotate), 확대(scale), 기울기(skew) 등의 효과를 줄 수 있습니다. 애니메이션 작업시 가장 많이 쓰는 요소입니다. 요소를 이동시키거나 회전 시킬 수 있으며, 원근점(perspective)를 사용하여 3D까지 구현 할 수 있습니다.transform-origin : transform-origin 속성은 요소의 움직임 방향 및 기준점을 설정합니다. transform 속성과 같이 설정하며 기준점에 따라 애니메이션의 방향을 설정 할 수 있습니다.transform-style : transform-style 속성은 요소의 움직임 스타일을 정의합니다.transition : transition 속성은 요소의 움직임을 정의합니다.transition-delay : transition-delay 속성은 요소의 움직임 시간을 지연합니다.transition-duration : transition-duration 속성은 요소의 움직임 지속시간을 정의합니다.transition-property : transition-property 속성은 transition의 적용 여부를 정의합니다.transition-timing-function : transition-timing-function 속성은 요소의 움직임 기능을 정의합니다.unicode-bidi : unicode-bidi 속성은 글자의 방향 속성을 설정합니다.user-select : user-select 속성은 요소의 텍스트를 선택할 지 정의합니다.vertical-align : vertical-align 속성은 텍스트의 상하 정렬 방식을 설정합니다.visibility : visibility 속성은 요소를 보이지 않게 정의합니다.white-space : white-space 속성은 줄바꿈, 공백, 줄 속성을 설정합니다.widows : widows 속성은 페이지 또는 열의 맨 위에 남거나 남겨야 하는 블록의 최소 줄 수를 지정합니다.width : width 속성은 요소의 가로 값을 정의합니다.will-change : will-change 속성을 사용하면 요소를 미리 처리하는 방법을 최적화할 수 있도록 미리 부라우저에게 알릴수 있습니다.word-break : word-break 속성은 줄바꿈 속성을 설정합니다.word-spacing : word-spacing 속성은 단어 사이의 간격을 정의합니다.word-wrap : word-wrap 속성은 줄바꿈을 설정합니다.writing-mode : writing-mode 속성을 통해 웹 페이지에서 콘텐츠가 흐르는 방향을 결정할 수 있습니다.z-index : z-index 속성은 요소의 위치가 겹칠 경우 순서를 정의합니다.