인쇄영역 body { margin: 0; padding: 0; } * { box-sizing: border-box; -moz-box-sizing: border-box; } .page { width: 21cm; min-height: 29.7cm; padding: 2cm; margin: 0 auto; background:#eee; } .subpage { border: 2px red solid; background:#fff; height: 257mm; } @page { size: A4; margin: 0; } @media print { html, body { width: 210mm; height: 297mm; } .page { margin: 0; border: initial; width: initial; mi..
question 1. question1 매우 그렇지 않다 그렇지 않다 보통이다 그렇다 매우 그렇다 2. question2 매우 그렇지 않다 그렇지 않다 보통이다 그렇다 매우 그렇다 3. question3 매우 그렇지 않다 그렇지 않다 보통이다 그렇다 매우 그렇다 다음 var btn_next = document.getElementById('js_btn_next'); var radio_tot = document.getElementsByClassName('item').length; btn_next.onclick = function (){ for(i=1; i
// textarea count function fn_checkByte(obj){ const maxByte = 400; //최대 400바이트 const text_val = obj.value; //입력한 문자 const text_len = text_val.length; //입력한 문자수 let totalByte=0; for(let i=0; i4){ // 한글 : 2Byte totalByte += 2; }else{ // 영문,숫자,특수문자 : 1Byte totalByte += 1; } } document.getElementById('js_count_crt').innerText = totalByte; if(totalByte>maxByte){ alert('최대 400Byte까지만 입력가능합니다.'); } }
$(document).ready(function() { $('.js_cmt_textbox').length && countText(); $('.js_count_cmt').length && countComment(); }) // textarea 글자수 count function countText() { $('.js_cmt_textbox').keyup(function(){ var content = $(this).val(), count_crt = $('.js_count_crt'); if(content.length == 0 || content == ''){ count_crt.text('0'); }else{ count_crt.text(content.length); } }) } // 전체 댓글 수 count func..
테이블 타이틀 테이블 컨텐츠 인쇄 *참조 https://openuri.net/entry/%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98-%ED%8A%B9%EC%A0%95-%EB%B6%80%EB%B6%84%EB%A7%8C-%EC%9D%B8%EC%87%84%ED%95%98%EA%B3%A0-%EC%8B%B6%EC%9D%84-%EB%95%8C
스크롤바 스타일에 대한 웹표준은 따로 없다 webkit 브라우저에 한해서만 커스텀 가능하며 주로 사용하는 속성은 아래 3가지 body::-webkit-scrollbar { /* 스크롤 전체 영역 */ width: 10px; } body::-webkit-scrollbar-thumb { /* 스크롤바 막대 */ height: 30%; background-color: #666; } body::-webkit-scrollbar-track { /* 스크롤바 배경 */ background-color: #ddd; } 참고 https://developer.mozilla.org/ko/docs/Web/CSS/::-webkit-scrollbar ::-webkit-scrollbar - CSS: Cascading Style Sh..
HTML tab1 tab2 tab1 contents tab2 contents CSS .btn-select{display: none;} .tab-menu{display: flex;flex-wrap: nowrap;} .tab-menu li{height: 50px;} .tab-menu li a{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;padding: 0 20px;border: 1px solid #333;background-color: #fff;font-size: 16px;color: #333;} .tab-menu li + li a{border-left: 0;} .tab-content{display:..