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

程序员文章站 2024-03-16 00:01:19

...

<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 中文手册，希望大家可以用的上 DIV 显示边框和 JS设置DIV可编辑，附送DTHML 中文手册

JavaScriptCSSHTML

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

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

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

JavaScriptCSSHTML

DHTML_手册.rar (3.7 MB)
下载次数: 119

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