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 : backface-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-style 속성에서 지정한 테두리 스타일 대신 사용할 이미지를 정의하고 요소의 추가 배경 레이어로 사용합니다.
    • border-image-outset : border-image-outset 속성은 테두리 이미지 영역의 경계를 확장하는 데 사용됩니다.
    • border-image-repeat : border-image-repeat 속성은 테두리 이미지로 사용되는 이미지 조각의 크기를 조정하고 바둑판식으로 배열하는 방법을 지정합니다.
    • border-image-slice : border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다.
    • : border-image-source 속성은 테두리 이미지 경로 속성을 설정합니다.
    • border-image-width : border-image-width 속성은 테두리 이미지 두께 속성을 설정합니다.
    • 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-spacing : border-spacing 속성은 테이블의 테두리 간격을 설정합니다.
    • border-style : border-style 속성은 테두리 스타일 속성을 설정합니다.
    • 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 : border-top-style
    • border-top-width : border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다.
    • border-width : border-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 : float 속성은 블록요소의 정렬 상태를 설정합니다.
    • 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-template-columnsgrid-template-columns 속성은 가로 컬럼의 크기와 위치 설정합니다.
    • 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 속성은 목록 마커의 유형을 설정합니다.