웹코딩 배우기/· CSS 140

CSS - 속성 선택자 [attribute]

See the Pen CSS [attribute] by nilgi (@nilgi) on CodePen. [attribute] : '속성명'이 있는 요소 선택 -, _, 공백, 조합어 비허용 [attribute="value"] : '속성명'과 '속성값'이 있는 요소 선택 -, _, 공백, 조합어 비허용 [attribute~="value"] : '속성명'을 가지고, '속성값'을 포함하는 요소 선택 공백은 허용하고 -, _, 조합어 비허용 [attribute*="value"] : '속성명'을 가지고, '속성값'을 포함하는 모든 요소 선택 -, _, 공백, 조합어 허용 [attribute^="value"] : '속성명'을 가지고, '속성값'으로 시작하는 요소 선택 -, _, 공백, 조합어 허용 [attribut..

CSS / background-size 배경 크기 설정

background-size 배경 이미지 크기 조절 background-size: auto; 기본값 원본 크기 그대로 콘텐츠 공간에 맞게 이미지가 잘림 background-size: contain; 가로, 세로 비율 유지하며 이미지 다 보임 콘텐츠 공간에 맞게 이미지가 늘어나거나 줄어듬 background-size: contain; 가로, 세로 비율 유지하며 이미지 다 보임 콘텐츠 공간에 맞게 이미지가 늘어나거나 줄어듬 이미지 해상도 손실 background-size: cover; 콘텐츠 크기에 맞게 덮음 background-size: 수치(px, %...); 수치 n; : 가로, 세로 크기 동일 background-size: 수치(px, %...); 수치 n n; : 앞 숫자 가로, 뒷 숫자 세로 ba..

*