JS輕鬆實現CSS設定,DIV+CSS常用CSS設定

早些時候見過一個鳥日本人寫的DW中的樣式設定http://www.99yp.com/uploads/200607/css/index.htm，寫了一大堆的代碼，靠，現在派不上用場，小鴿子寫了一個更好的樣式產生器，適合DIV+CSS架構的網頁。
(在網吧做網頁的朋友，可以使用這個呀！)將常用的樣式寫了出來，做成DW的擴充外掛程式多好，麻煩高手把他做成DW的擴充外掛程式：
小鴿子個人網:http://xbnz.126.com/[網址助記:新白娘子] xmlns="http://www.w3.org/1999/xhtml">

類/標籤/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!

[中國最Q小鴿子·最愛丁香花] http：//xbnz.126.com

<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樣式"> <hr /><br />