본문 바로가기

POST LIST484

프린트용 CSS (배경 강제출력 등) 배경 강제 출력하기 프린트를 하는 경우 background-image나 background-color는 출력이 되지 않아 간혹 프린트한 내용물이 깨져보이는 경우가 발생함. 이때 아래 코드와 같이 css에서 강제로 배경을 출력하도록 설정할 수 있음.@media print { * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }}   페이지 속성 지정 인쇄 결과물이 예를 들어 A4용지에 딱 맞게 나오게 하고 싶은 경우 아래 코드를 이용하면 됨.size 속성에 A4, A5, B5 등의 값을 줄 수도 있고, 기타 여백을 주거나 절단면을 만들 수도 있음.@page { size: A4; margin: 1cm;}​  이외에 .. 2012. 8. 6.
jQuery API 원문 : api.jquery.com jQuery API .add()Miscellaneous TraversingAdd elements to the set of matched elements. .addClass()Attributes, Class Attribute, CSSAdds the specified class(es) to each of the set of matched elements. .after()DOM Insertion, OutsideInsert content, specified by the parameter, after each element in the set of matched elements. jQuery.ajax()Low-Level InterfacePerform an asynchronous.. 2012. 2. 9.
정보처리기사 온라인 문제집 자격증 기출문제를 받아볼 수 있는 곳. http://www.comcbt.com/cbt/index2.php?hack_number=1 최강 자격증 기출문제 전자문제집 CBT 전자문제집, CBT, 컴씨비티, 씨비티, 기사, 산업기사, 기능사, 컴활, 컴퓨터활용능력, 1급, 2급, 워드, 정보처리, 전기, 소방, 기계, 사무자동화, 정보기기, 제과, 제빵, 한국사, 공무원, 수능, 필기, www.comcbt.com 2011. 11. 21.
스크롤바 디자인 변경 원문 : http://www.dreamincode.net/forums/topic/15885-change-scroll-bar-color-in-firefox-and-opera/물론 웹표준에 위배되는 내용이지만, 혹시.. 정말 혹시나 해서 참고로 남겨둔다~ ㅋㄷHere's what you can do to make this work in all 3 major browsers (IE, Firefox, Opera):1) use this code:view sourceprint?01122) in the HTML tag of your webpage, delete ANY and ALL ties to W3C! For example, you will see code generated in the HTML tag when y.. 2010. 7. 7.
float 해제 1. 가상엘리먼트 이용 (좋은방법) #id / .class { zoom:1;} #id:after / .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;} 2. overflow (자주쓰이지만..) .class { overflow:auto;}, 또는 .class { overflow:hidden;} 3. float:left; 4. clear:both; 5. inline-block .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;} .class { display:inline-block;} 6. 빈 엘리먼트로 처리 : f.. 2010. 6. 15.
폼 디자인 바꾸는 예제 http://www.emblematiq.com/lab/niceforms/demo/v20/niceforms.html 2010. 6. 15.
word-wrap:break-word; (-ing) 영어 텍스트를 깨주기 위해 쓰임. * 참고로 기존에 쓰이던 소스 : word-break:break-all; # Reference [2010.6.15] 퍼센트로 width를 잡은 테이블 안에서는 안 깨지고 테이블이 같이 늘어남...(ff) [2010.6.16] word-wrap:break-word; 테이블 안 한글에서 문제생김. └ 해결방안 : td 안에 div를 넣고 width를 다시 잡아주기. ul로 마크업이 되어있을 때는 ul에 width 값을 줌. 즉, block요소에 width값이 없어서 바깥쪽에 있던 테이블에 영향을 미쳤던 현상. !!!!꼭 width를 줄 것.!!!! [2010.6.16] word-wrap:break-word; ie에서 좌우로 공간생김. [2010.8.20:삼성SDS 공간 - .. 2010. 6. 10.
728x90
반응형

티스토리툴바