목록 스타일 속성
list-style- 아래 속성들의 축약형으로list-style: disc outside;와 같은 형식으로 사용한다.list-style-type- 목록 불릿의 모양 지정, 값은disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha등이 있다.list-style-position- 목록 불릿의 위치 조정, 값은inside, outside등이 있다.list-style-image- 목록 불릿을 이미지로 지정
목록 스타일 속성은 목록 태그에만 사용할 수 있다.
그림자 스타일 속성
-
box-shadow- 요소에 그림자를 추가한다. 값은box-shadow: inset offset-x offset-y blur-radius spread-radius color;형식으로 사용한다. ex)box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);inset그림자를 요소 내부에 추가한다. offset-x그림자의 가로 위치 offset-y그림자의 세로 위치 blur-radius그림자의 흐림 정도 spread-radius그림자의 확장 정도 color그림자의 색상 - drop-shadow - 요소에 그림자를 추가한다. 값은
drop-shadow(offset-x offset-y blur-radius spread-radius color);형식으로 사용한다. - text-shadow - 요소에 텍스트 그림자를 추가한다. 값은
text-shadow: offset-x offset-y blur-radius color;형식으로 사용한다.
필터 속성
-
filter- 요소에 필터를 추가한다. 값은filter: blur(10px);형식으로 사용한다.blur요소를 블러링 처리한다. brightness요소의 밝기를 조절한다. contrast요소의 대비를 조절한다. grayscale요소를 흑백으로 변환한다. hue-rotate요소의 색상을 회전시킨다. invert요소의 색상을 반전한다. saturate요소의 채도를 조절한다. sepia요소에 세피아 필터를 추가한다. -
backdrop-filter- 요소의 배경(뒤쪽)에 필터를 추가한다. 값은backdrop-filter: blur(10px);형식으로 사용한다.
‼️ 모든 글이 정확하지 않을 수 있습니다. 잘못된 정보가 있을 경우 댓글로 알려주시면 감사하겠습니다.