用js實現的DIV+CSS編輯器代碼

xmlns="http://www.w3.org/1999/xhtml">

線上DIV+CSS編輯器

類/標籤/ID：
所有數值都不用輸入單位;

寬：
高：
背景色：
前景色彩：

邊框：
顏色：
選擇soliddottednonehiddendasheddoublegrooveridgeinsetoutset

外間距 Margin ：
如:10px 2px

內間距 Padding：
如:10px 2px

浮動： 左
右×

顯示：
選擇 block inline none

可見：可見
隱藏
×

文本對齊：
選擇leftcenterright

行高：
%無px

文字縮排：

文本：
字型：

選擇宋體黑體Arial雅黑

粗細：
效果：底線
無
×

背景圖片：
重複：
選擇橫向重複縱向重複不重複

水平位置：
垂直位置：
附件：
選擇固定滾動

垂直對齊：
選擇middlebottomtopautobaseline

清除：
選擇leftrightboth

Overflow：
選擇scrollautohidden

定位：
選擇絕對相對

Z座標：
left:
top:
right:
bottom:

UL列表：類型
選擇nonedisccirclesquaredecimal

映像：
位置：內
外
×

游標：

選擇預設手文本移動crosshairdefaultpointerhandmovehelpwaittextw-resizes-resizen-resizee-resize

實際應用效果如下Effect of This Rule Shows You at here!

工具啦 （www.tool.la） 給你最全、最好的工具！

<input name="vcssView" type="button" id="vcssView" onclick="window.clipboardData.setData('text',document.all.cssTextValue.value);alert('CSS已儲存到剪貼簿');" value="複製到剪下板"><textarea name="cssTextValueCompare" cols="100" rows="5" id="cssTextValueCompare"><input name="vcssView2" type="button" id="vcssView" onclick="window.clipboardData.setData('text',document.all.cssTextValueCompare.value);alert('CSS已儲存到剪貼簿');" value="複製到剪下板"><br /><hr />這是一個使用了複雜的樣式的DIV，你可以使用擷取CSS來擷取這個CSS<p><input type="button" id="vcssView" onclick="getSelectionWithCss();setSelectionWithCss()" value="擷取左側DIV樣式"> <p>