DIV 显示边框 和 JS设置DIV可编辑,附送DTHML 中文手册

<html>
  <head>
    <title>设置DIV边框 和 使其可编辑</title>
	
    <meta http-equiv="keywords" content="DIV,CSS,DIV边框">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=GBK">	
    
   <script type="text/javascript">
   //设置div 可编辑
    function setDivCanEdit() {
        document.getElementById("result").contentEditable = true;//使DIV可编辑
        document.execCommand('2D-Position', true, true); 
    }

<body onload="setDivCanEdit();"><!-- 页面加载时调用设置方法-->
        <div id="result" style="HEIGHT:500px;WIDTH:550px;PADDING-RIGHT:10px;OVERFLOW-Y:auto;PADDING-LEFT:10px;
			SCROLLBAR-FACE-COLOR:#CC9999;PADDING-BOTTOM:0px;
			SCROLLBAR-HIGHLIGHT-COLOR:#CCFFFF;OVERFLOW:auto;
			SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#919192;
			SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
			SCROLLBAR-SHADOW-COLOR:#919192;SCROLLBAR-3DLIGHT-COLOR:#ffffff;
			LINE-HEIGHT:100%;PADDING-TOP:0px;
			FONT-SIZE:11pt;FONT-FAMILY:宋体;COLOR:black;LETTER-SPACING:1pt;
			TEXT-ALIGN:left;border:1px black solid;">
        </div>				
 </body>
</html>

 

滚动条相关颜色属性:

  scrollbar-face-color:设置或获取滚动条和滚动条的滚动箭头的颜色

  scrollbar-hightlight-color:高亮颜色

  scrollbar-3dlight-color:设置或获取滚动条上滚动按钮和滚动滑块的左上颜色。

  scrollbar-darkshadow-color:设置或获取滚动条上滑槽的颜色。

  scrollbar-shadow-color:设置或获取滚动框和滚动条滚动箭头的右下边缘颜色。

  scrollbar-arrow-color:设置或获取滚动箭头标识的颜色。

  scrollbar-tack-color:设置或获取滚动条轨迹元素的颜色。
  

  滚动条属性:

  overflow:auto为自动,yes为有,no为无

  overflow-x:横向滚动条

  overflow-y:纵向滚动条

 

最后附送DTHML 中文手册,希望大家可以用的上

 

 

 2.  后来发现只要一个简单的设置就可以使DIV 可以编辑了   

 

    

<div contenteditable="true" ...></div>
 

你可能感兴趣的:(JavaScript,html,css)