XE Tips 는 제가 XE 공홈에 쓴 XE 관련 유용한 팁들입니다. 기능개선은 공홈에 안 적어둔 XE 유용 개선팁들입니다.
유용정보는 외부 검색을 통해 알아낸 소스등을 기재해둔 곳입니다.
버그 신고내역들은 XE 사용하다가 발견한 버그 패치방법들로, Core Issue 에 기록해뒀기에 XE 에 적용이 되었을 가능성이 있겠죠
제가 쓴 글들에 대해 퍼가실때는 꼭 출처를남겨주시고.. (다만 플래시뷰 기반이기에 퍼가기는조금 힘들 수 있겠죠 ^^;)
타회원의 글들도 적혀있는 출처를 같이 꼭 기재해주세요
출처 | 토종마을 |
---|---|
출처URL | http://blog.naver.com/tjvil/220299742545 |
background-size:cover 는 자주쓰는데, contain 는 처음 알았다는
역시 체계적으로 배운 적이 그때그때 필요한것만 찾아쓰다보니 이런 상황이.. ㅡㅡ;
----------------------
background-image: url(이미지주소);
<div style="width:600px; height:400px; background:#ccc; background-image:url(http://www.kdbl.org/web/data/board/zoomB/file/5/206483e4_b1a4b4ebb3aab9b0b2dcc7aeb0fa04091401s.jpg);">
background-repeat:
repeat; 반복 채움
no-repeat; 채움 없이 하나만
repeat-x; 가로 반복
repeat-y; 세로 반복
background-size:
auto; 원본 크기
200px 120px; 픽셀
50% 40%; 비율
contain; 가로 세로 비율 유지하면서 긴 쪽에 맞춰 넣음
cover; 가로 세로 비율 유지하면서 짧은 쪽에 맞춰 넣음
<div style="width:600px; height:400px; background:#ccc; background-image:url(http://www.kdbl.org/web/data/board/zoomB/file/5/206483e4_b1a4b4ebb3aab9b0b2dcc7aeb0fa04091401s.jpg); background-repeat:no-repeat; background-size:50% 50%; background-position:50% 20%; ">
background-position:
center center; 중간
left / right / top / bottom; 기준위치
0% 0%; 죄측상단 기준
100% 0%; 우특상단 기준
0% 100%; 촤측하단 기준
100% 100% 우측하단 기준