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

CSS 속성 검색하기

전체 속성 갯수 : 0
  • all : all 속성은 CSS 속성을 재설정하는데 사용할 수 있는 약식 속성입니다.
  • 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 속성은 애니메이션 키프레임 이름을 설정합니다.
  • animation-play-state : animation-play-state속성은 애니메이션의 진행상태를 설정합니다.
  • 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 속성은 하나 이상의 쉼표로 구분된 position 값을 취합니다
  • background-repeatbackground-repeat : background-repeat 속성은 이미지를 반복(타일링)할지 여부와 방법을 정의합니다.
  • border-image-slice : border-image-slice 속성은 테두리 이미지로 사용할 이미지를 "슬라이스"하는 데 사용됩니다.
  • 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-top-right-radius : border-top-right-radius 속성은 요소의 오른쪽 상단 모서리를 둥글게 만드는 데 사용됩니다.
  • border-top-style : background-repeat 속성은 이미지를 반복(타일링)할지 여부와 방법을 정의합니다.
  • border-top-width :border-top-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-style : border-top-style 속성은 테두리 이미지 세트가 없는 한 요소의 위쪽 테두리 선 스타일(실선, 이중, 대시 등)을 지정하는 데 사용됩니다.
  • border-left-width :border-left-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와 직접적인 관련이 있으며 요소에서 사용되어 해당 요소의 양쪽 또는 양쪽에서 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-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 속성을 사용하면 요소의 내용을 여러 열에 배치할 수 있습니다.
  • counter-increment : counter-increment 속성은 하나 이상의 CSS 카운터에 대한 증가 값을 지정하는 데 사용됩니다.
  • counter-reset :counter-reset 속성은 하나 이상의 CSS 카운터를 정의하고 초기화하는 데 사용됩니다.
  • cursor : cursor 속성은 속성이 적용되는 요소 위에 마우스를 놓을 때 사용할 마우스 커서의 유형을 지정합니다.
  • direction : direction 속성은 무엇보다도 텍스트 흐름의 방향을 제어하는 ​​데 사용됩니다.
  • display :display 속성은 페이지의 요소에 대해 생성되는 상자의 종류를 지정하는 데 사용됩니다.
  • empty-cells :empty-cells 속성은 사용자 에이전트가 보이는 콘텐츠가 없는 셀의 테두리와 배경을 렌더링하는 방법을 지정합니다.
  • filter : filter 속성은 웹 페이지의 요소(대부분 이미지)에 필터 효과를 적용하는 CSS 방식입니다.
  • float :float 속성은 페이지의 자연스러운 흐름에서 요소의 위치를 ​​변경하고 해당 컨테이너의 왼쪽이나 오른쪽으로 푸시하는 데 사용되는 위치 지정 속성입니다.
  • font :ont 속성은 style sheet의 같은 위치에 font-style, font-variant, font-weight, font-stretch, font-size, line-height, font-family와 같은 longhand 속성을 설정하기 위한 속기 속성입니다.
  • font-family : font-family 속성은 요소의 내용에 사용할 글꼴 모음을 지정합니다.
  • font-size : font-size 속성은 글꼴의 크기 또는 높이를 설정하는 데 사용됩니다.
  • font-size-adjust : ont-size-adjust 속성은 글꼴의 기본 높이 대신 글꼴의 x-높이(소문자 높이)를 기반으로 글꼴 크기를 지정하는 데 사용됩니다.
  • font-stretch : font-stretch 속성을 사용하면 글꼴 모음에서 일반, 축소 또는 확장 글꼴을 선택할 수 있습니다.
  • font-style : font-style 속성을 사용하면 기울임꼴 또는 비스듬한 글꼴 스타일을 선택할 수 있습니다.
  • font-synthesis : ont-synthesis 속성은 사용된 글꼴 모음에 굵거나 비스듬한 면이 포함되지 않은 경우 브라우저에서 굵게 또는 비스듬한 글꼴을 합성할 수 있는지 여부를 지정하는 데 사용됩니다.
  • font-variant : font-variant 속성은 해당 글꼴을 선택합니다.
  • font-weight : font-weight 속성은 글꼴의 글꼴 두께(검은 정도 또는 두께)를 선택하는 데 사용됩니다
  • hanging-punctuation :hang-punctuation 속성은 줄의 시작 부분에서 또는 끝 부분에서 구두점을 줄 상자 외부(또는 줄 상자 들여쓰기)로 이동할지 여부와 방법을 브라우저에 알려줍니다.
  • height :height 속성은 요소의 콘텐츠 상자 높이를 설정하는 데 사용됩니다.
  • hyphens :hyphens 속성은 텍스트의 하이픈 넣기를 제어합니다.
  • isolation : isolation 속성은 요소 그룹을 배경과 혼합되지 않도록 격리하는 데 사용됩니다.
  • left : left 속성은 위치 지정 컨텍스트를 기준으로 위치 지정 요소의 왼쪽 오프셋을 지정하는 데 사용되는 오프셋 속성입니다.
  • letter-spacing : letter-spacing 속성은 텍스트 단어의 개별 문자 사이의 간격 동작을 지정합니다.
  • line-height :ine-height 속성은 요소의 라인 상자 높이를 설정하는 데 사용됩니다.
  • list-style : list-style 속성은 list-style-type, list-style-image 및 list-style-position을 설정하기 위한 약식 속성입니다.
  • list-style-image :list-style-image 속성은 다음을 포함하는 목록 항목 또는 요소에 대한 마커(글머리 기호)로 사용할 이미지를 지정하는 데 사용됩니다.
  • list-style-position :list-style-position 속성은 항목의 주요 블록 상자에 대한 목록 항목의 마커(마커로 사용되는 글머리 기호 또는 이미지)의 위치를 ​​지정하는 데 사용됩니다.
  • list-style-type : list-style-type 속성은 목록의 목록 항목에 추가된 글머리 기호(마커)의 유형 또는 모양을 결정하는 데 사용됩니다.
  • margin : margin 속성은 margin-top, margin-right, margin-bottom, margin-left의 네 가지 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-source에 대한 <image> 값이 휘도 마스크로 처리되는지 알파 마스크로 처리되는지 지정하는 데 사용됩니다.
  • mask-border-outset : mask-border-outset 속성은 테두리 마스크 이미지 영역이 요소의 테두리 상자 영역을 넘어 확장되는 양을 지정하는 데 사용됩니다.
  • mask-border-repeat : mask-border-repeat 속성은 테두리 이미지의 측면과 중간 부분에 대한 이미지의 크기를 조정하고 바둑판식으로 배열하는 방법을 지정합니다.
  • mask-border-slice :mask-border-slice 속성은 마스크 테두리 이미지로 사용할 이미지를 9개 조각으로 "slice"하는 데 사용됩니다.
  • mask-border-source :mask-border-source 속성은 마스크 테두리 이미지로 사용할 이미지를 지정하는 데 사용됩니다.
  • mask-border-width : mask-border-width 속성은 mask-border-slice 속성으로 생성된 마스크 테두리 이미지 슬라이스의 크기를 조정하는 데 사용됩니다.
  • mask-clip :mask-clip 속성은 마스크의 영향을 받는 요소의 영역을 결정하는 마스크 페인팅 영역을 결정합니다.
  • mask-composite :mask-composite 속성은 마스크 레이어 이미지가 그 아래(또는 뒤에 있는) 다른 마스크 레이어 이미지와 합성되는 방법을 지정하는 데 사용됩니다
  • mask-image : mask-image 속성은 요소의 마스크 레이어로 사용할 하나 이상의 쉼표로 구분된 이미지를 지정하는 데 사용됩니다.
  • mask-mode : mask-mode 속성은 CSS 마스크 레이어 이미지를 알파 마스크로 처리할지 휘도 마스크로 처리할지 지정하는 데 사용됩니다.
  • mask-origin :mask-origin 속성은 요소의 마스크 위치 지정 영역을 지정합니다.
  • mask-position : mask-position 속성은 마스크 위치 지정 영역 내에서 마스크 레이어 이미지의 초기 위치(크기 조정 후)를 지정합니다.
  • mask-repeat : mask-repeat 속성은 마스크 레이어 이미지가 반복(또는 타일링)되는지 여부와 방법을 지정하는 데 사용됩니다.
  • mask-size :mask-size 속성은 마스크 레이어 이미지의 크기를 지정하는 데 사용됩니다.
  • mask-type : mask-type 속성은 SVG 요소의 내용을 luminance mask 로 처리할지 alpha 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 속성은 대체된 요소의 내용을 사용된 높이와 너비로 설정된 상자에 맞추는 방법을 지정합니다.
  • object-position :object-position 속성은 상자 안에 있는 대체된 요소의 내용 정렬을 결정합니다