한결 코딩 블로그

CSS filter 속성은 흐림 효과나 색상 변형 등 그래픽 효과를 요소에 적용한다. 보통 필터는 이미지, 배경, 테두리 렌더링을 조정하는 데 쓰인다. CSS 표준은 미리 정의된 효과를 내는 몇 가지 함수를 포함하고 있습니다. SVG 필터 요소 (en-US)를 가리키는 URL 참조를 사용하여 SVG 필터를 적용할 수도 있다. 그외 참고 : https://www.w3schools.com/cssref/playdemo.asp?filename=playcss_filter 구문: /* SVG 필터를 가리키는 URL */ filter: url("filters.svg#filter-id"); /* 값 */ filter: blur(5px); filter: brightness(0.4); filter: contrast(200..

#1 outline & outline 간략형 CSS outline 단축 속성은 모든 외곽선 속성을 한꺼번에 지정한다. 다음은 독자적으로 outline 요소를 설정할 수 있는 속성값. outline-width outline-style (요구필요) outline-color inherit : 부모 요소로부터 값을 상속 받는다.** 예시: 구문 [참고]: /* style */ outline: solid; /* color | style */ outline: #f66 dashed; /* style | width */ outline: inset thick; /* color | style | width */ outline: green solid 3px; /* 전역 값 */ outline: inherit; outline..

CSS user-select 속성은 사용자가 텍스트를 선택할 수 있는지 지정한다. /* 키워드 값 */ user-select: none; user-select: auto; user-select: text; user-select: contain; user-select: all; /* 전역 값 */ user-select: inherit; user-select: initial; user-select: unset; 구문 none 이 요소와 아래 요소의 텍스트를 선택하지 못하도록 막는다. 단 Selection 객체는 none인 요소(와 그 아래)를 포함할 수 있다. auto auto의 사용값은 아래와 같이 결정된다. ::before와 ::after 의사 요소의 사용값은 none입니다. 편집 가능한 요소의 사용값은..