자바스크립트😋

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 : 표나 테이블과 같은 요소의 캡션 위치를 지정하는 데 사용됩니다.
  • caret-color : 텍스트 입력 커서의 색상을 지정하는 데 사용됩니다.
  • clear : float 속성을 가지고 있는 요소들 사이에서의 동작을 지정하는 데 사용됩니다.
  • clip : 요소를 자르는 방법을 지정하는 데 사용됩니다.
  • color : 텍스트의 색상을 지정하는 데 사용됩니다.
  • column-count : 다단 레이아웃을 만들 때 열의 수를 지정하는 데 사용됩니다.
  • column-fill : CSS 다단 레이아웃에서 열이 다 찼을 때, 다음 열에 컨텐츠가 어떻게 배치될지를 지정하는 속성입니다.
  • column-gap : 다단 레이아웃에서 열 사이의 간격을 지정하는 속성입니다.
  • column-rule : 다단 레이아웃에서 열 경계의 스타일, 색상, 두께를 지정하는 속성입니다.
  • column-rule-color : 다단 레이아웃에서 열 경계의 색상을 지정하는 속성입니다.
  • column-rule-style : 다단 레이아웃에서 열 경계의 스타일을 지정하는 속성입니다.
  • column-rule-width : 다단 레이아웃에서 열 경계의 두께를 지정하는 속성입니다.
  • column-span : 요소가 여러 열을 걸쳐서 표시되도록 할 때 사용하는 속성입니다.
  • column-width : 다단 레이아웃에서 열의 폭을 지정하는 속성입니다.
  • columns : 다단 레이아웃에서 열의 수와 폭을 동시에 지정하는 속성입니다.
  • content : 가상 요소에서 사용되는 속성으로, 요소의 콘텐츠를 생성하거나 대체하는 데 사용됩니다.
  • counter-increment : 가상 요소에서 사용되는 속성으로, counter() 함수를 사용하여 요소 내에서 새로운 카운터를 만들거나 기존 카운터를 증가시키는 데 사용됩니다.
  • counter-reset : 가상 요소에서 사용되는 속성으로, 요소 내에서 카운터의 초기값을 설정하는 데 사용됩니다.
  • cursor : 마우스 커서의 모양을 지정하는 속성으로, pointer, text, default 등의 값을 가질 수 있습니다.
  • direction : 텍스트의 쓰기 방향을 지정하는 속성입니다.
  • display : 요소의 표시 방법을 지정하는 속성입니다.
  • empty-cells : 빈 셀의 표시 여부를 지정하는 속성입니다.
  • filter : 이미지나 요소에 필터 효과를 적용하는 속성입니다.
  • flex : flex-grow, flex-shrink, flex-basis 속성을 각각 단축하여 사용하는 속성입니다.
  • flex-basis : flex 아이템의 초기 크기를 지정하는 속성입니다.
  • flex-direction : Flexbox 레이아웃에서 flex 컨테이너의 주 축(main axis) 방향을 지정하는 속성입니다.
  • flex-flow : flex-direction과 flex-wrap 속성을 단축하여 사용하는 속성입니다.
  • flex-grow : flex 아이템이 flex 컨테이너 내에서 차지하는 공간의 비율을 지정하는 속성입니다.
  • flex-shrink : flex 아이템이 flex 컨테이너 내에서 차지하는 공간이 줄어들 때, 감소하는 비율을 지정하는 속성입니다.
  • flex-wrap : Flexbox 레이아웃에서 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 : CSS 그리드 레이아웃을 생성하기 위한 속성입니다.
  • grid-area : 특정 셀 위치에 요소를 배치하기 위한 속성으로, 행과 열의 시작점과 끝점을 지정하여 요소를 배치할 수 있습니다.
  • grid-auto-columns : 그리드 레이아웃에서 자동으로 생성되는 열의 너비를 설정하는 속성입니다.
  • grid-auto-flow : 리드 아이템이 자동 배치될 때 방향을 지정하는 속성입니다.
  • grid-auto-rows : 그리드 아이템의 행 높이를 설정합니다.
  • grid-column : 그리드 아이템의 열 위치와 span 값을 설정합니다.
  • grid-column-end : 그리드 아이템의 끝나는 열 위치를 설정합니다.
  • grid-column-gap : 그리드 컨테이너의 열 사이의 간격을 설정합니다.
  • grid-column-start : 그리드 아이템의 시작하는 열 위치를 설정합니다.
  • grid-gapv 그리드 컨테이너의 행과 열 사이의 간격을 설정합니다.
  • grid-row : 그리드 아이템의 행 위치와 span 값을 설정합니다.
  • grid-row-end : 그리드 아이템의 끝나는 행 위치를 설정합니다.
  • grid-row-gap : 그리드 컨테이너의 행 사이의 간격을 설정합니다.
  • grid-row-start : 그리드 아이템의 시작하는 행 위치를 설정합니다.
  • grid-template : 그리드 레이아웃의 행과 열 크기, 간격 및 흐름을 설정합니다.
  • grid-template-areas : 그리드 레이아웃의 영역 이름을 설정하고 영역의 배치를 지정합니다.
  • grid-template-columns : 그리드 레이아웃의 열 크기와 간격을 설정합니다.
  • grid-template-rows : 그리드 레이아웃의 행 크기와 간격을 설정합니다.
  • hanging-punctuation : 텍스트 줄바꿈 시 구두점이 텍스트 바깥쪽에 위치하도록 설정합니다.
  • height : 속성은 요소의 세로 크기를 설정합니다.
  • hyphens : 속성은 텍스트 줄바꿈 할때 하이픈으로 연결하는 방법을 설정합니다.
  • isolation : 요소를 격리시켜 배경과의 블렌딩을 조절합니다.
  • justify-content : 요소들을 수평 방향으로 정렬합니다.
  • left : 요소의 위치를 왼쪽에서부터 설정합니다.
  • letter-spacing : 글자 사이의 간격을 설정합니다.
  • line-height : 줄 간격을 설정합니다.
  • list-style : 목록 스타일을 한번에 설정합니다.
  • list-style-image : 목록 마커로 사용할 이미지를 설정합니다.
  • list-style-position : 목록 마커의 위치를 설정합니다.
  • list-style-type : 목록 마커의 유형을 설정합니다.
  • margin : 요소의 외부 여백을 한번에 설정합니다.
  • margin-bottom : 요소의 하단 여백을 설정합니다.
  • margin-left : 요소의 왼쪽 여백을 설정합니다.
  • margin-right : 요소의 오른쪽 여백을 설정합니다.
  • 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 : 요소의 안쪽 여백을 설정합니다.
  • padding-bottom : 요소의 하단 안쪽 여백을 설정합니다.
  • padding-left : 요소의 좌측 안쪽 여백을 설정합니다
  • padding-right : 요소의 오른쪽 패딩 값을 지정합니다.
  • padding-top : 요소의 위쪽 패딩 값을 지정합니다
  • page-break-after : 요소 다음에 페이지 나누기를 삽입합니다.
  • page-break-before : 요소 앞에 페이지 나누기를 삽입합니다.
  • page-break-inside : 요소 내에서 페이지 나누기를 허용하지 않도록 지정합니다.
  • perspective : 3D 변환 요소의 원근 거리를 설정합니다.
  • perspective-origin : 3D 변환 요소의 원근 거리 기준점을 설정합니다.
  • pointer-events : 마우스 이벤트를 요소에 대해 활성화 또는 비활성화합니다.
  • position : 요소의 위치를 상대적인 위치, 절대적인 위치, 고정 위치 중 하나로 설정합니다.
  • quotes : 따옴표로 둘러싼 텍스트의 따옴표 모양을 지정합니다.
  • resize : 요소의 크기 조정 가능 여부를 지정합니다.
  • right : 요소의 오른쪽 위치를 지정합니다.
  • tab-size : 탭 문자의 크기를 지정합니다.
  • table-layout : 테이블 셀의 너비를 지정하는 알고리즘을 선택합니다
  • text-align : 속성은 텍스트 정렬 방식을 설정합니다.
  • text-align-last : 속성은 문단의 마지막 텍스트 정렬 방식을 설정합니다.
  • text-decoration : 속성은 텍스트 라인 속성을 일괄적으로 설정합니다.
  • text-decoration-color : 속성은 글자 라인의 색상 속성을 설정합니다.
  • text-decoration-line : 속성은 글자 라인의 위치 속성을 설정합니다.
  • text-decoration-style : 텍스트 장식(밑줄, 취소선 등) 스타일을 지정합니다.
  • 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 : 요소의 위쪽 위치를 지정합니다.
  • transform : 요소에 2D/3D 변환 효과를 추가합니다.
  • transform-origin : 요소의 변환 중심점을 지정합니다.
  • transform-style : 3D 변환 요소의 자식 요소들에 대한 변환 효과 적용 여부를 지정합니다.
  • transition : 요소의 상태 변화에 대한 애니메이션 효과를 지정합니다.
  • transition-delay : 트랜지션 효과의 지연 시간을 지정합니다.
  • transition-duration : 트랜지션 효과의 지속 시간을 지정합니다.
  • transition-property : 트랜지션 효과가 적용될 속성을 지정합니다
  • transition-timing-function : 트랜지션 효과의 타이밍 함수를 지정합니다.
  • unicode-bidi : 텍스트의 양방향성 방법을 지정합니다.
  • user-select : 텍스트 선택을 사용 가능/불가능하도록 지정합니다.
  • vertical-align : 요소의 수직 정렬 방법을 지정합니다.
  • visibility : 요소의 표시 여부를 지정합니다.
  • white-spacewhite-space : 속성은 줄바꿈 및 공백을 설정합니다.
  • width : 속성은 요소의 가로 크기를 설정합니다.
  • word-breakword-break : 속성은 줄바꿈을 할때 단어를 기준으로 설정하는 속성입니다.
  • word-spacing : 단어 사이 간격을 지정합니다.
  • word-wrap : 글자 단위에서 줄바꿈을 결정하는 방법을 지정합니다.
  • z-index : HTML/CSS에서 요소(element)들의 수직 위치를 결정하는 속성으로, 값이 높을수록 다른 요소들보다 위에 나타나게 됩니다.