var naviName = navigator.appName; var browNets=(naviName=="Netscape")? true : false; var ns = (document.layers) ? true : false; var ie = (document.all) ? true : false; ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //obj 관련 ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //obj 속성 보기 function view_obj_attr(did){ var obj=$(did); var i=0; for(x in obj) { if(x!="outerText" && x!="innerText") document.write(i + ' line ' + x + ':' + obj[x] + '
'); } } //속성보기 function obj_view(did,a){var obj=$(did);alert(obj[a]);} //obj id 체인지 function obj_change(did1,did2){ var didObj1=$(did1); var didObj2=$(did2); didObj1.setAttribute("id",did2); didObj2.setAttribute("id",did1); } //OBJ 생성 function createObj(el,pid,cid){ var parentObj=(pid!="")?$(pid):null; var cObj=document.createElement(el); cObj.setAttribute("id",cid); (parentObj!=null)? parentObj.appendChild(cObj) : document.body.appendChild(cObj); return cObj; } function createDiv(pid,cid){ var parentObj=(pid!="")?$(pid):null; var createObj=document.createElement("DIV"); createObj.setAttribute("id",cid); (parentObj!=null)? parentObj.appendChild(createObj) : document.body.appendChild(createObj); return createObj; } function createInput(pid,cid){ var parentObj=(pid!="")?$(pid):null; var createObj=document.createElement("INPUT"); createObj.setAttribute("id",cid); createObj.setAttribute("type","text"); (parentObj!=null)? parentObj.appendChild(createObj) : document.body.appendChild(createObj); createObj.focus(); return createObj; } function createSelect(pid,cid){ var parentObj=(pid!="")?$(pid):null; var createObj=document.createElement("SELECT"); createObj.setAttribute("id",cid); (parentObj!=null)? parentObj.appendChild(createObj) : document.body.appendChild(createObj); return createObj; } function createOption(pid,cid){ var parentObj=(pid!="")?$(pid):null; var createObj=document.createElement("OPTION"); createObj.setAttribute("id",cid); (parentObj!=null)? parentObj.appendChild(createObj) : document.body.appendChild(createObj); return createObj; } function createButton(pid,cid){ var parentObj=(pid!="")?$(pid):null; if (navigator.appName=="Netscape") { var createObj=document.createElement("INPUT"); createObj.setAttribute("id",cid); createObj.setAttribute("type","button"); } else { var createObj=document.createElement("BUTTON"); createObj.setAttribute("id",cid); } (parentObj!=null)? parentObj.appendChild(createObj) : document.body.appendChild(createObj); return createObj; } //Div 삭제 function removeDiv(pid,did){ var parentObj=(pid!="")?$(pid):null; var closeObj=$(did); (parentObj!=null)? parentObj.removeChild(closeObj) : document.body.removeChild(closeObj); } ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //div 관련 ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //div 생성 - obj 안에 div 추가 function divAdd(fid,aid,bgc,w,h,align){ var addObj=createDiv(fid,aid); div_default(aid,"width",w); div_default(aid,"height",h); div_default(aid,"backgroundColor",bgc); setAlign(aid,align); } function tableAdd(fid,aid,bgc,w,h,align){ var addObj=createObj("table",fid,aid); // div_default(aid,"width",w); // div_default(aid,"height",h); // div_default(aid,"backgroundColor",bgc); // setAlign(aid,align); trAdd(aid,aid+"_tr"); } function trAdd(fid,aid){ var addObj=createObj("tr",fid,aid); } function tdAdd(fid,aid,bgc,w,h,align){ var addObj=createObj("td",fid,aid); } //div에 스킨씌우기 function divSkin(did,topImage,bgImage,bottomImage,bh){ var didObj=$(did); var tmpStyleWidth=didObj.style.posWidth; var tmpHTML=didObj.innerHTML; didObj.innerHTML=""; var skinTopObj=createDiv(did,did+"SkinTop"); var skinBFObj=createDiv(did,did+"SkinFrame"); var skinBodyObj=createDiv(skinBFObj,did+"SkinBody"); var skinBottomObj=createDiv(did,did+"SkinBottom"); // div_default(didObj,"textAlign","center"); setAlign(did,"center"); div_default(skinTopObj,"height","64px"); div_default(skinTopObj,"paddingLeft","15px"); div_default(skinTopObj,"textAlign","left"); obj_default(skinTopObj,"backgroundImage","url('"+topImage+"')"); // div_default(skinBFObj,"textAlign","left"); setAlign(did+"SkinBody","left"); div_default(skinBFObj,"width",tmpStyleWidth); div_default(skinBFObj,"height",bh); obj_default(skinBFObj,"backgroundImage","url('"+bgImage+"')"); div_default(skinBodyObj,"marginLeft","3px"); div_default(skinBodyObj,"width","98%"); div_default(skinBodyObj,"height",bh); div_default(skinBodyObj,"overflow","auto"); skinBodyObj.innerHTML=tmpHTML; div_default(skinBottomObj,"height","18px"); obj_default(skinBottomObj,"backgroundImage","url('"+bottomImage+"')"); obj_change(did,did+"SkinBody"); } function divTitleImage(did,titleImage,link,gp,alt){ var didObj=$(did); var objTitle=createDiv(did,did+"Title"); var objBody=createDiv(did,did+"Body"); div_default(objTitle,"marginBottom",gp); if(link) objTitle.innerHTML=""+alt+""; else objTitle.innerHTML=""; obj_change(did,did+"Body"); } //div flip function flip(o){ var obj=$(o); if(obj.style.display == "none" ){obj.style.display = "block";} else{obj.style.display = "none";} } ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //style 관련 ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //obj에 스타일 지정 function obj_default(obj,a,v){obj.style[a]=v;} //div에 스타일 지정 function div_default(did,a,v){var obj=$(did);obj_default(obj,a,v);} //border 지정 function setBorder(did,border,color){ var didObj=$(did); div_default(didObj,"borderTop",border+" solid "+color); div_default(didObj,"borderLeft",border+" solid "+color); div_default(didObj,"borderRight",border+" solid "+color); div_default(didObj,"borderBottom",border+" solid "+color); } //margin 지정 function setMargin(did,border){ var didObj=$(did); div_default(didObj,"margin",border+" "+border+" "+border+" "+border); } //padding 지정 function setPadding(did,border){ var didObj=$(did); div_default(didObj,"padding",border+" "+border+" "+border+" "+border); } //innerHTML 지정 function setInnerHTML(did,title){$(did).innerHTML=title;} //배경색상 지정 function setBGColor(did,c){div_default(did,"backgroundColor",c);} //배경이미지 지정 function setBGImage(did,i){div_default(did,"backgroundImage","url('"+i+"')");} //바깥테두리 지정 function setShapeDiv(did,bord,shapeStyle,color){ div_default(did,"border","0"); if(shapeStyle=="round") { var divStyle=$(did).style; var divStyleBgcolor=(browNets)?"#"+rgb2hex(divStyle.backgroundColor):divStyle.backgroundColor; autoRound(did,divStyleBgcolor,color,divStyle.width,divStyle.height,"center"); }else {div_default(did,"border",bord+" "+shapeStyle+" "+color);} } //레이어 배경색 지정 function setBGDiv(did,bgc,shapeStyle){ if(shapeStyle=="round") r_bgcolor(did,bgc); div_default(did,"backgroundColor",bgc); } //레이어 배경틀 지정 function setBDDiv(did,bord,bdc,shapeStyle){ if(shapeStyle=="round") {r_bdcolor(did,bdc);} else {div_default(did,"border",bord+" "+shapeStyle+" "+bdc);} } //클래스 지정 function setAttrClass(did,cname){ var setObj=$(did); if (browNets) {setObj.setAttribute("class",cname);} else {setObj.setAttribute("className",cname);} } //좌,우,가운데 정렬지정 function setAlign(did,a){ if(a=="left") marginMethod="marginRight"; else if(a=="right") marginMethod="marginLeft"; else marginMethod="margin"; var pObj=(browNets)?$(did).parentNode.id:$(did).parentElement; if(browNets) div_default(did,"margin","0 0 0 0"); if(browNets) div_default(did,marginMethod,"auto"); div_default(pObj,"textAlign",a); } //display 지정 function setDivDisplay(id, disp) { if (!document.getElementById)return false; var divObj = $(id); if (divObj) divObj.style.display = disp; return false; } ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //xml 관련 ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //xml 데이타 읽기 function getText(node){return node.firstChild.data;} //select 선택여부 확인 function isSelected(obj, idx) { return (obj.options[idx].selected==true); } ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //이벤트 관련 ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //onclick이벤트 지정 function addEvent(did,eve,act){ var obj=$(did); if(obj.attachEvent) {obj.attachEvent(eve, act);} else {obj.addEventListener(eve.replace("on",""), act, false);} } function removeEvent(did,eve,act){ var obj=$(did); if(obj.attachEvent) {obj.detachEvent(eve,act);} else {obj.removeEventListener(eve.replace("on",""), act, false);} } ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //rgb, hex코드변환 ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //색상변환 function GiveHex(Dec) { if(Dec == 10) { Value = "A"; }else if(Dec == 11) { Value = "B"; } else if(Dec == 12) { Value = "C"; }else if(Dec == 13) { Value = "D"; } else if(Dec == 14) { Value = "E"; }else if(Dec == 15) { Value = "F"; } else { Value = "" + Dec; } return Value; } function GiveDec(Hex) { if(Hex == "A") { Value = 10; }else if(Hex == "B") { Value = 11; } else if(Hex == "C") { Value = 12; }else if(Hex == "D") { Value = 13; } else if(Hex == "E") { Value = 14; }else if(Hex == "F") { Value = 15; } else { Value = eval(Hex); } return Value; } function rgb2hex(rgb){ rgb=rgb.replace("rgb(",""); rgb=rgb.replace(")",""); var rgbA=rgb.split(","); Red = rgbA[0]; Green = rgbA[1]; Blue = rgbA[2]; a = GiveHex(Math.floor(Red / 16));b = GiveHex(Red % 16); c = GiveHex(Math.floor(Green / 16));d = GiveHex(Green % 16); e = GiveHex(Math.floor(Blue / 16));f = GiveHex(Blue % 16); return a + b + c + d + e + f; } function hex2rgb(hex) { hex = hex.toUpperCase(); a = GiveDec(hex.substring(0, 1));b = GiveDec(hex.substring(1, 2)); c = GiveDec(hex.substring(2, 3));d = GiveDec(hex.substring(3, 4)); e = GiveDec(hex.substring(4, 5));f = GiveDec(hex.substring(5, 6)); x = (a * 16) + b;y = (c * 16) + d;z = (e * 16) + f; return "rgb("+x+", "+y+", "+z+")"; } ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //자주쓰는 응용함수 ////////////////////////////////////////////////////////////////////////////////////////////////////////////// //확장자 구하기 function getExt(file){ var ext = file.split("."); return ext[ext.length - 1]; } //보이고 숨기고 function showDiv(id) {setDivDisplay(id, "");return false;} function hideDiv(id) {setDivDisplay(id, "none");return false;} //round function function autoRound(id,bgc,bdc,w,h,align){ var robj = $(id); // 테이블 id var MainText=robj.innerHTML; robj.innerHTML=""; div_default(id,"backgroundColor",""); var topObj=createDiv(id,id+"_top"); var mainObj=createDiv(id,id+"_main"); var bottomObj=createDiv(id,id+"_bottom"); createDiv(id+"_top",id+"_t1"); createDiv(id+"_top",id+"_t2"); createDiv(id+"_top",id+"_t3"); createDiv(id+"_top",id+"_t4"); createDiv(id+"_bottom",id+"_b1"); createDiv(id+"_bottom",id+"_b2"); createDiv(id+"_bottom",id+"_b3"); createDiv(id+"_bottom",id+"_b4"); setAttrClass(id+"_top","rtop"); setAttrClass(id+"_t1","r1"); setAttrClass(id+"_t2","r2"); setAttrClass(id+"_t3","r3"); setAttrClass(id+"_t4","r4"); setAttrClass(id+"_main","rbox"); setAttrClass(id+"_bottom","rbottom"); setAttrClass(id+"_b1","r4"); setAttrClass(id+"_b2","r3"); setAttrClass(id+"_b3","r2"); setAttrClass(id+"_b4","r1"); mainObj.innerHTML=MainText; r_bgcolor(id,bgc); r_bdcolor(id,bdc); div_default(id,"width",w); div_default(id,"height",h); div_default(id+"_main","height",robj.offsetHeight-8); setAlign(id+"_main",align); obj_change(id,id+"_main"); } //라운드 배경색 지정 function r_bgcolor(rid,color){ // var divs = $(rid+'_t1',rid+'_t2',rid+'_t3',rid+'_t4',rid+'_main',rid+'_b1',rid+'_b2',rid+'_b3',rid+'_b4'); var divs = $(rid+'_t2',rid+'_t3',rid+'_t4',rid+'_main',rid+'_b1',rid+'_b2',rid+'_b3'); for(i=0; i function image_auto_resize(this_s,width,height){ var ta_image = new Image(); ta_image.src = this_s.src; if(!width){this_s.removeAttribute('width'); this_s.style.width='auto';} else if(width < ta_image.width){ this_s.width = width; } else{ this_s.width = ta_image.width; } if(!height){this_s.removeAttribute('height'); this_s.style.height='auto';} else if(height < ta_image.height){ this_s.height = height; } else{ this_s.height = ta_image.height; } } //this_s안의 모든 이미지는 자동 리사이즈 된다. //image_auto_resize_inarea(document.getElementById('div_area'),100,'',true); //document.getElementById('div_area') 안에서의 모든 img에 자동 리사이즈를 적용합니다. function image_auto_resize_inarea(this_s,width,height,view){ //alert(this_s.childNodes.length); if(!view){view=true;} if(!this_s){return;} if(this_s.nodeType!=1){return;} for(var i=0,m=this_s.childNodes.length;i0){ image_auto_resize_inarea(ta,width,height); } } return; } //iframe 자동으로 크기조절 // * iframe 크기 자동 조절 function iFrmReSize(iFrameName) { try { var objBody = eval("$(iFrameName).contentWindow.document.body"); var objFrame = eval("$(iFrameName)"); ifrmHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight); objFrame.style.height = ifrmHeight; objFrame.style.width = '100%'; } catch(e) { } } // * iframe 크기 자동 조절 function init_iframe(iFrameName) { iFrmReSize(iFrameName); setTimeout("init_iframe('" + iFrameName + "')",10); } //데이타 로딩해서 뿌려주기 function loadContent(did,url,pars){ var url = url; var pars = pars+"&only_db="; var myAjax = new Ajax.Updater( {success: did}, url, { method: 'get', parameters: pars, onFailure: reportError }); } function reportError(request){ // alert('죄송합니다. 로딩에 실패했습니다.'); } /* var divElement = document.createElement(“div”); divElement.id = “id1”; var attrValue = document.creatTextNode(“내용”); divElement.appendChild(attrValue); document.getElementById(“rcvData”).appendChild(divElement); 생성된 div 차이드 노드를 삭제하는 방법 var targetLine = document.getElementById(“id1”); document.getElementById(“rcvData”).removeChild(targetLine); */ /* Explorer 스타일 개체의 중요한 속성들 backgroundColor 엘레멘트의 배경색 backgroundImage 엘레멘트의 배경 이미지 color 엘레멘트의 색상 position 엘레멘트의 위치 타입(type). 가능한 값은 "absolute" 와 relative" pixelWidth 엘레멘트의 너비 pixelHeight 엘레멘트의 높이 pixelLeft 엘레멘트의 x 좌표 위치(좌측 끝부터의 가로 거리) pixelTop 엘레멘트의 y 좌표 위치(맨위 부터의 수직 거리) Netscape Layer 중요 애트리뷰트들 id 인식자(identifier): layer의 이름으로 스크립트에서 그 레이어를 지정하는데 사용된다. left layer의 x 좌표: 좌측 끝으로 부터의 수평 거리. px로 지정 top layer의 y 좌표: 맨위로 부터의 수직 거리. px로 지정 width layer의 너비: px 혹은 %로 지정 될 수 있다. height layer의 높이: px 혹은 %로 지정 될 수 있다. bgColor layer의 배경색: #rgb, #rrggbb 혹은 색상명 background layer의 배경 이미지: src layer 내용의 외부 자원 위치 */ /* style script {accelerator:val} obj.style.accelerator[=val] ⇒ 개체가 단축키를 가지고 있는가를 부울값으로 반환하거나 설정한다. {background:val} obj.style.background[=val] ⇒ 개체의 배경 속성들을 5개까지 반환하거나 설정한다. {background-attachment:val} obj.style.backgroundAttachment[=val] ⇒ 문서 속의 배경 이미지를 개체에 배열 방식을 반환하거나 설정한다. {background-color:val} obj.style.backgroundColor[=val] ⇒ 개체의 배경에 깔리는 색상을 반환하거나 설정한다. {background-image:val} obj.style.backgroundImage[=val] ⇒ 개체의 배경 이미지를 반환하거나 설정한다 . {background-position:val} obj.style.backgroundPosition[=val] ⇒ 개체의 배경 이미지의 위치를 반환하거나 설정한다. {background-position-x:val} obj.style.backgroundPositionX[=val] ⇒ backgroundPosition 속성의 x 좌표를 반환하거나 설정한다. {background-position-y:val} obj.style.backgroundPositionY[=val] ⇒ backgroundPosition 속성의 y 좌표를 반환하거나 설정한다. {background-repeat:val} obj.style.backgroundRepeat[=val] ⇒ 개체 backgroundImage 속성의 반복 방식을 반환하거나 설정한다. {behavior:val} obj.style.behavior[=val] ⇒ DHTML behavior의 소개 위치를 반환하거나 설정한다. {border:val} obj.style.border[=val] ⇒ 개체의 테두리 속성들을 일괄적으로 반환하거나 설정한다. {border-bottom:val} obj.style.borderBottom[=val] ⇒ 개체의 바닥 테두리 속성들을 반환하거나 설정한다. {border-bottom-color:val} obj.style.borderBottomColor[=val] ⇒ 개체의 바닥 테두리의 색상을 반환하거나 설정한다. {border-bottom-style:val} obj.style.borderBottomStyle[=val] ⇒ 개체의 바닥 테두리 형태를 반환하거나 설정한다. {border-bottom-width:val} obj.style.borderBottomWidth[=val] ⇒ 개체의 바닥 테두리의 두께를 반환하거나 설정한다. {border-collapse:val} obj.style.borderCollapse[=val] ⇒ 테이블의 줄이나 칸의 테두리가 서로 합해지는가를 분리되는가 나타내는 값을 반환하거나 설정한다. {border-color:val} obj.style.borderColor[=val] ⇒ 개체의 테두리 색상들을 반환하거나 설정한다. {border-left:val} obj.style.borderLeft[=val] ⇒ 개체 왼쪽 테두리의 속성들을 반환하거나 설정한다. {border-left-color:val} obj.style.borderLeftColor[=val] ⇒ 개체 왼쪽 테두리의 색상을 반환하거나 설정한다. {border-left-style:val} obj.style.borderLeftStyle[=val] ⇒ 개체 왼쪽 테두리의 형태를 반환하거나 설정한다. {border-left-width:val} obj.style.borderLeftWidth[=val] ⇒개체 왼쪽 테두리의 두께를 반환하거나 설정한다. {border-right:val} obj.style.borderRight[=val] ⇒ 개체 오른쪽 테두리의 속성들을 반환하거나 설정한다. {border-right-color:val} obj.style.borderRightColor[=val] ⇒ 개체 오른쪽 테두리의 색상을 반환하거나 설정한다. {border-right-style:val} obj.style.borderRightStyle[=val] ⇒ 개체 오른쪽 테두리의 형태를 반환하거나 설정한다. {border-right-width:val} obj.style.borderRightWidth[=val] ⇒ 개체 오른쪽 테두리의 두께를 반환하거나 설정한다. {border-style:val} obj.style.borderStyle[=val] ⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리들의 형태를 일괄적으로 반환하거나 설정한다. {border-top:val} obj.style.borderTop[=val] ⇒ 개체 위쪽 테두리의 속성들을 반환하거나 설정한다. {border-top-color:val} obj.style.borderTopColor[=val] ⇒ 개체 위쪽 테두리의 색상을 반환하거나 설정한다. {border-top-style:val} obj.style.borderTopStyle[=val] ⇒ 개체 위쪽 테두리의 형태를 반환하거나 설정한다. {border-top-width:val} obj.style.borderTopWidth[=val] ⇒ 개체 위쪽 테두리의 두께를 반환하거나 설정한다. {border-width:val} obj.style.borderWidth[=val] ⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리들의 두께를 일괄적으로 반환하거나 설정한다. {bottom:val} obj.style.bottom[=val] ⇒ 개체 체계도상 아래쪽 개체와의 거리를 반환하거나 설정한다. {clear:val} obj.style.clear[=val] ⇒ 개체에서 부동(float)부분의 면의 왼쪽, 오른쪽 혹은 양쪽으로 표현이 허용하는가를 반환하거나 설정한다. {clip:val} obj.style.clip[=val] ⇒ 개체의 어느 부분을 보이게 할 것인가를 반환하거나 설정한다. {color:val} obj.style.color[=val] ⇒ 개체의 글자 색상을 반환하거나 설정한다. 없슴 obj.style.cssText[=val] ⇒ 스타일 내용(rule)을 반환하거나 설정한다. {cursor:val} obj.style.cursor[=val] ⇒ 개체위에서 마우스 포인터의 보이는 형태를 반환하거나 설정한다. {direction:val} obj.style.direction[=val] ⇒ 개체의 읽는 순서를 반환하거나 설정한다. {display:val} obj.style.display[=val] ⇒ 개체를 디스플레이할 것인가를 반환하거나 설정한다. {font:val} obj.style.font[=val] ⇒ 개체의 font 속성들 조합하여 반환하거나 설정하거나, 사용자 선호 글꼴들을 6개까지 반환하거나 설정한다. {font-family:val} obj.style.fontFamily[=val] ⇒ 사용한 글꼴의 이름들을 반환하거나 설정한다. {font-size:val} obj.style.fontSize[=val] ⇒ 개체 텍스트에서 사용한 글꼴의 크기를 나타내는 수치를 반환하거나 설정한다. {font-style:val} obj.style.fontStyle[=val] ⇒ 개체의 글꼴 형태을 italic, normal, oblique등으로 반환하거나 설정한다. {font-variant:val} obj.style.fontVariant[=val] ⇒ 개체의 문자를 작은 대문자들로 변형할 것인가를 반환하거나 설정한다. {font-weight:val} obj.style.fontWeight[=val] ⇒ 개체의 글꼴 두께를 반환하거나 설정한다. {height:val} obj.style.height[=val] ⇒ 개체의 높이를 반환하거나 설정한다. {ime-mode:val} obj.style.imeMode[=val] ⇒ 개체의 입력 방식 편집(IME : Input Method Editor)을 반환하거나 설정한다. {layout-flow:val} obj.style.layoutFlow[=val] ⇒ 개체 내용의 방향이나 흐름방향을 반환하거나 설정한다. {layout-grid:val} obj.style.layoutGrid[=val] ⇒ 문자들의 레이아웃을 지정하는 문서 그리드(grid) 속성들을 일괄적으로 반환하거나 설정한다. {layout-grid-char:val} obj.style.layoutGridChar[=val] ⇒ 엘레멘트듸 내용 문자를 표현하기 위하여 사용된 글자 그리드의 크기를 반환하거나 설정한다. {layout-grid-line:val} obj.style.layoutGridLine[=val] ⇒ 엘레멘트듸 내용 문자를 표현하기 위하여 사용된 글자 그리드 줄 값을 반환하거나 설정한다. {layout-grid-mode:val} obj.style.layoutGridMode[=val] ⇒ 텍스트 레이아웃 그리드에 가로, 세로가 사용되었는가를 반환하거나 설정한다 {layout-grid-type:val} obj.style.layoutGridType[=val] ⇒ 엘레멘트듸 내용 문자를 표현하기 위하여 사용된 그리드의 종류를 반환하거나 설정한다. {left:val} obj.style.left[=val] ⇒ 개체 체계도상 왼쪽 개체와의 거리를 반환하거나 설정한다.. {letter-spacing:val} obj.style.letterSpacing[=val] ⇒ 개체 속에서 글자들 사이의 간격을 반환하거나 설정한다. {line-break:val} obj.style.lineBreak[=val] ⇒ 일본어 텍스트에서 줄자름(line-breaking) 명령(rule)을 반환하거나 설정한다. {line-height:val} obj.style.lineHeight[=val] ⇒ 개체 속에서 줄과 아래줄과의 거리를 반환하거나 설정한다. {list-style:val} obj.style.listStyle[=val] ⇒ 개체의 목록 스타일(listStyle)을 3개까지 반환하거나 설정한다. {list-style-image:val} obj.style.listStyleImage[=val] ⇒ 개체의 목록 스타일(listStyle)에 사용되는 이미지 주소를 반환하거나 설정한다. {list-style-position:val} obj.style.listStylePosition[=val] ⇒ 개체의 목록 스타일에 사용되는 항목 표시자의 위치를 개체의 내용에 상대적인 위치로 반환하거나 설정한다. {list-style-type:val} obj.style.listStyleType[=val] ⇒ 개체의 목록 스타일에 사용되는 항목 표시자의 정해진 형태를 반환하거나 설정한다. {margin:val} obj.style.margin[=val] ⇒ 개체의 위쪽, 오른쪽, 아래쪽, 왼쪽 마진(주변 개체와의 간격)들의 두께를 일괄적으로 반환하거나 설정한다. {margin-bottom:val} obj.style.marginBottom[=val] ⇒ 개체의 아래쪽 마진 두께을 반환하거나 설정한다. {margin-left:val} obj.style.marginLeft[=val] ⇒ 개체의 왼쪽 마진 두께을 반환하거나 설정한다. {margin-right:val} obj.style.marginRight[=val] ⇒ 개체의 오른쪽 마진 두께을 반환하거나 설정한다. {margin-top:val} obj.style.marginTop[=val] ⇒ 개체의 위쪽 마진 두께을 반환하거나 설정한다. {min-height:val} obj.style.minHeight[=val] ⇒ IE6 개체의 최소 높이를 반환하거나 설정한다. {overflow:val} obj.style.overflow[=val] ⇒ 개체의 내용이 높이나 너비를 초과하였을 때 어떻게 처리할 것인가를 나타내는 값을 반환하거나 설정한다. {overflow-x:val} obj.style.overflowX[=val] ⇒ 개체의 내용이 너비를 초과하였을 때 그 내용을 어떻게 처리할 것인가를 나타니는 값을 반환하거나 설정한다. {overflow-y:val} obj.style.overflowY[=val] ⇒ 개체의 내용이 높이를 초과하였을 때 그 내용을 어떻게 처리할 것인가를 나타니는 값을 반환하거나 설정한다. {padding:val} obj.style.padding[=val] ⇒ 개체들 사이, 그들에 소속된 마진, 보더까지의 간격을 반환하거나 설정한다. {padding-bottom:val} obj.style.paddingBottom[=val] ⇒ 개체의 아래쪽 보더와 내용 사이의 간격을 반환하거나 설정한다. {padding-left:val} obj.style.paddingLeft[=val] ⇒ 개체의 왼쪽 보더와 내용 사이의 간격을 반환하거나 설정한다. {padding-right:val} obj.style.paddingRight[=val] ⇒ 개체의 오른쪽 보더와 내용 사이의 간격을 반환하거나 설정한다. {padding-top:val} obj.style.paddingTop[=val] ⇒ 개체의 위쪽 보더와 내용 사이의 간격을 반환하거나 설정한다. {page-break-after:val} obj.style.pageBreakAfter[=val] ⇒ 개체 다음에 페이지 바꿈할 것인가를 반환하거나 설정한다. {page-break-before:val} obj.style.pageBreakBefore[=val] ⇒ 개체 이전에 페이지 바꿈할 것인가를 반환하거나 설정한다. 없슴 obj.style.pixelBottom[=val] ⇒ 개체의 아래쪽 위치를 픽셀단위로 반환하거나 설정한다. ⇒ 개체의 아래쪽 위치를 픽셀단위로 반환하거나 설정한다. 없슴 obj.style.pixelHeight[=val] ⇒ 개체의 높이를 픽셀단위로 반환하거나 설정한다. 없슴 obj.style.pixelLeft[=val] ⇒ 개체의 왼쪽 위치를 픽셀단위로 반환하거나 설정한다. 없슴 obj.style.pixelRight[=val] ⇒ 개체의 오른쪽 위치를 픽셀단위로 반환하거나 설정한다. 없슴 obj.style.pixelTop[=val] ⇒ 개체의 위쪽 위치를 픽셀단위로 반환하거나 설정한다. 없슴 obj.style.pixelWidth[=val] ⇒ 개체의 너비를 픽셀단위로 반환하거나 설정한다. 없슴 obj.style.posBottom[=val] ⇒ bottom 애트리뷰트로 지정된 단위로 개체의 아래쪽 위치를 반환하거나 설정한다. 없슴 obj.style.posHeight[=val] ⇒ height 애트리뷰트로 지정된 단위로 개체의 높이를 반환하거나 설정한다. {position:val} obj.style.position[=val] ⇒ 개체의 위치시킴 방식을 반환하거나 설정한다. 없슴 obj.style.posLeft[=val] ⇒ left 애트리뷰트로 지정된 단위로 개체의 왼쪽 위치를 반환하거나 설정한다. 없슴 obj.style.posRight[=val] ⇒ right 애트리뷰트로 지정된 단위로 개체의 오른쪽 위치를 반환하거나 설정한다. 없슴 obj.style.posTop[=val] ⇒ top 애트리뷰트로 지정된 단위로 개체의 위쪽 위치를 반환하거나 설정한다. 없슴 obj.style.posWidth[=val] ⇒ width 애트리뷰트로 지정된 단위로 개체의 너비를 반환하거나 설정한다. {right:val} obj.style.right[=val] ⇒ 개체 체계도상 오른쪽 개체와의 거리를 반환하거나 설정한다. {ruby-align:val} obj.style.rubyAlign[=val] ⇒ rt 개체에 지정된 루비(ruby) 텍스트의 위치를 반환하거나 설정한다. {ruby-overhang:val} obj.style.rubyOverhang[=val] ⇒ rt 개체에 지정된 루비(ruby) 텍스트의 위치를 반환하거나 설정한다. {ruby-position:val} obj.style.rubyPosition[=val] ⇒ rt 개체에 지정된 루비(ruby) 텍스트의 위치를 반환하거나 설정한다. {scrollbar-3dlight-color:val} obj.style.scrollbar3dLightColor[=val] ⇒ 스크롤 박스와 스크롤바 화살의 위쪽면과 왼쪽면의 색상을 반환하거나 설정한다. {scrollbar-arrow-color:val} obj.style.scrollbarArrowColor[=val] ⇒ 스크롤바의 화살의 색상을 반환하거나 설정한다. {scrollbar-base-color:val} obj.style.scrollbarBaseColor[=val] ⇒ 스크롤바의 기본 색상(스크롤바, 스크롤 박스, 트랙, 화살)을 반환하거나 설정한다. {scrollbar-darkshadow-color:val} obj.style.scrollbarDarkShadowColor[=val] ⇒ 스크롤바의 색상을 반환하거나 설정한다. {scrollbar-face-color:val} obj.style.scrollbarFaceColor[=val] ⇒ 스크롤 박스와 스크롤바의 화살의 색상을 반환하거나 설정한다. {scrollbar-highlight-color:val} obj.style.scrollbarHighlightColor[=val] ⇒ 스크롤 박스와 스크롤바 화살의 위쪽면과 왼쪽면의 색상을 반환하거나 설정한다. {scrollbar-shadow-color:val} obj.style.scrollbarShadowColor[=val] ⇒ 스크롤 박스와 스크롤바 화살의 아래쪽면과 오른쪽면의 색상을 반환하거나 설정한다. {scrollbar-track-color:val} obj.style.scrollbarTrackColor[=val] ⇒ 스크롤바 트랙(track) 엘레멘트의 색상을 반환하거나 설정한다. {float:val} obj.style.styleFloat[=val] ⇒ 개체에서 어느 방향으로 텍스트가 흐를 것인가를 반환하거나 설정한다. {table-layout:val} obj.style.tableLayout[=val] ⇒ 테이블 레이아웃이 고정되어 있는가를 나타내는 문자열을 반환하거나 설정한다. {text-align:val} obj.style.textAlign[=val] ⇒ 개체 속의 문자나 개체의 수평 정렬 방식(left, right, center, justified)을 반환하거나 설정한다. {text-align-last:val} obj.style.textAlignLast[=val] ⇒ 개체 속의 문자나 개체 마지막 줄의 수평 정렬 방식을 반환하거나 설정한다. {text-autospace:val} obj.style.textAutospace[=val] ⇒ 조정된 문자를 위한 자동 문자 간격 맞추기를 반환하거나 설정한다. {text-decoration:val} obj.style.textDecoration[=val] ⇒ 개체 속의 문자 장식(깜박거림, 중간줄, 윗줄, 아랫줄)을 반환하거나 설정한다. 없슴 obj.style.textDecorationBlink[=val] ⇒ 개체의 textDecoration 속성값이 'blink'로 설정되었는가를 부울값으로 반환하거나 설정한다. 없슴 obj.style.textDecorationLineThrough[=val] ⇒ 개체의 textDecoration 속성값이 'line-through'로 설정되었는가를 부울값으로 반환하거나 설정한다. 없슴 obj.style.textDecorationNone[=val] ⇒ 개체의 textDecoration 속성값이 'none'로 설정되었는가를 부울값으로 반환하거나 설정한다. 없슴 obj.style.textDecorationOverline[=val] ⇒ 개체의 textDecoration 속성값이 'overline'로 설정되었는가를 부울값으로 반환하거나 설정한다. 없슴 obj.style.textDecorationUnderline[=val] ⇒ 개체의 textDecoration 속성값이 'underline'로 설정되었는가를 부울값으로 반환하거나 설정한다. {text-indent:val} obj.style.textIndent[=val] ⇒ 개체 속에서 문자의 첫 글자를 들어쓰기 하는 정도를 반환하거나 설정한다. {textjustify:val} obj.style.textJustify[=val] ⇒ 개체 속에서 내용의 정렬방식을 반환하거나 설정한다. {text-kashida-space:val} obj.style.textKashidaSpace[=val] ⇒ 개체 속에서 문자 정렬 방식을 사용할 때 공백 표시에 kashida 비율을 반환하거나 설정한다. 아랍어에서 사용된다. {text-overflow:val} obj.style.textOverflow[=val] ⇒ IE6 개체에서 문자의 넘처흐름을 표시하는 방식값을 반환하거나 설정한다. {text-transform:val} obj.style.textTransform[=val] ⇒ 개체 속에서 문자의 변환 표현 방식을 반환하거나 설정한다. {text-underline-position:val} obj.style.textUnderlinePosition[=val] ⇒ 개체의 textDecoration 속성이 'underline'로 설정된 경우 밑줄의 위치를 반환하거나 설정한다. {top:val} obj.style.top[=val] ⇒ 개체 체계도 상 바로위의 개체로부터의 거리를 반환하거나 설정한다. {unicode-bidi:val} obj.style.unicodeBidi[=val] ⇒ 양방향 알고리즘에 관한 깔린 수준을 반환하거나 설정한다. {vertical-align:val} obj.style.verticalAlign[=val] ⇒ 개체의 수직 정렬 방식을 반환하거나 설정한다. {visibility:val} obj.style.visibility[=val] ⇒ 개체의 내용이 디스플레이될 것인가를반환하거나 설정한다. {white-space:val} obj.style.whiteSpace[=val] ⇒ 개체 속에서 길이가 긴 문자열의 자동 줄바꿈을 빈칸에서 할 것인가를 반환하거나 설정한다. {width:val} obj.style.width[=val] ⇒ 개체의 너비를 반환하거나 설정한다. {word-break:val} obj.style.wordBreak[=val] ⇒ 단어 속에서 자동 줄바꿈을 할 것인가를 반환하거나 설정한다. 특히 복수 언어를 사용할 때 중요한다. {word-spacing:val} obj.style.wordSpacing[=val] ⇒ 개체 속에서 단어간의 간격을 증가시키는 정도를 반환하거나 설정한다. {word-wrap:val} obj.style.wordWrap[=val] ⇒ 내용이 용기 개체의 범위를 초과하면 단어를 자를 것인가를 반환하거나 설정한다. {writing-mode:val} obj.style.writingMode[=val] ⇒ 개체속 내용의 방향이나 흐름을 반환하거나 설정한다. {z-index:val} obj.style.zIndex[=val] ⇒ 위치가 정해져 있는 개체의 스택킹(위에서 보이는) 순서를 반환하거나 설정한다. {zoom:val} obj.style.zoom[=val] ⇒ 개체의 확대 배율을 반환하거나 설정한다. */