css main 클래스 관련 질문
73
작성한 질문수 1
삭제된 글입니다
답변 1
0
안녕하세요. 해당 부분은 제가 공유드린 자료를 보시면, 이해가 되실꺼예요. 이미지에 따라서, 결과가 비슷하게 나올 수는 있지만, 명령 자체는 다릅니다. 공유드린 자료를 새소식에 작성드린대로, 구글 드라이브 기능으로 언제든 검색해보셔도 굉장히 유용하실꺼예요. 감사합니다.
3. background-size 프로퍼티
배경 이미지가 요소 사이즈보다 작을 때, 반복해서 해당 사이즈를 채울 것인지를 설정
-
auto : 이미지 크기 유지 (기본값)
-
length : 값을 두 개 넣으면 첫번째 값이 가로 크기, 두번째 값이 세로 크기, 값을 한 개 넣으면 가로 크기로 설정되며, 이 때 세로 크기는 원본 이미지의 가로 세로 비율에 맞게 자동 설정, px, % 등의 값으로 설정 가능
-
-
contain : 요소 사이즈를 벗어나지 않는 최대 크기로 이미지를 확대 또는 축소, 가로 세로 비율 유지
-
2. background-repeat 프로퍼티
배경 이미지가 요소 사이즈보다 작을 때, 반복해서 해당 사이즈를 채울 것인지를 설정
| 프로퍼티 값 | 설명 |
|---|---|
repeat |
요소의 배경 영역을 채울 때까지 이미지 반복, 이미지가 넘치면 짜름 (디폴트) |
space |
요소가 짤리지 않을 만큼만 이미지 반복, 처음과 마지막 반복 이미지는 요소의 양쪽 끝에 고정 후, 각 이미지 사이의 남은 여백을 고르게 분배. 이미지가 짤리는 경우는 이미지 크기가 요소 사이즈보다 클 경우임 |
round |
요소 사이즈가 늘어나면, 그 때 반복해서 이미지를 채우고, 이미지가 짤리지 않도록, 전체 반복 이미지 사이즈도 재조정 |
no-repeat |
이미지를 반복하지 않음. 반복하지 않은 이미지의 위치는 |
교육기간을 연장할 수 있는지 문의드립니다.
0
36
1
메일 확인부탁드립니다
0
56
1
CodeSandbox Vanilla 질문있습니다
0
59
1
part1을 수강하지 않아도 지장이 없다 하셨는데
0
106
1
강의에 관해 문의 드립니다.
0
90
1
메일확인 부탁드립니다.
0
90
1
14강 - 72,73번 강의 영상이 동일한거 같습니다.
0
105
1
Symbol 관련 테스트 코드 실행 결과 문의
0
139
1
호환성 관련 태그
0
119
1
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
0
136
1
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
0
144
1
div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요
0
86
1
강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠
0
117
1
메일 확인 부탁드립니다.
0
146
1
메일 확인 부탁드립니다
0
150
1
특별한 형태의 javascript배열에서
0
135
1
메일 확인부탁드립니다!
0
160
1
codesandbox 업데이트..
0
143
1
pdf 파일에 있는 링크주소로 들어가지지가 않습니다.
0
266
2
강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~
0
151
1
removeEventlistener 를 왜 해주어야 하는지
0
227
1
100vw 관련 질문
0
333
2
VS CODE html:5 <tab>기능이 안됩니다
0
345
1
[모던웹페이지 만들기9](1:40)class-desc 카드부분관련
0
244
2