Code of the DIV + CSS editor implemented by js

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

Online DIV + CSS Editor

Class/label/ID:
No unit is required for all values;

Width:
Height:
Background color:
Foreground color:

Border:
Color:
SelectSolidDottedNoneHiddenDashedDoubleGrooveRidgeInsetOutset

Margin:
For example, 10px 2px

Padding:
For example, 10px 2px

Float: left
Right×

Display:
Select Block Inline None

Visible:Visible
Hide
×

Text alignment:
SelectLeftCenterRight

Line Height:
%NonePx

Text indent:

Text:
Font:

SelectSimheiArial

Width:
Effect:Underline
None
×

Background image:
Repeat:
SelectHorizontal repetitionVertical repetitionNo duplicates

Horizontal position:
Vertical position:
Attachment:
SelectFixedScroll

Vertical Alignment:
SelectMiddleBottomTopAutoBaseline

Clear:
SelectLeftRightBoth

Overflow:
SelectScrollAutoHidden

Positioning:
SelectAbsoluteRelative

Zcoordinate:
Left:
Top:
Right:
Bottom:

UL list: Type
SelectNoneDiscCircleSquareDecimal

Image:
Location:Internal
External
×

Cursor:

SelectDefaultHandTextMobileCrosshairDefaultPointerHandMoveHelpWaitTextW-resizeS-resizeN-resizeE-resize

The actual application results are as follows:Effect of This Rule Shows You at here!

Www. tool. la provides you with the most comprehensive and best tool!

<Input name = "vcssView" type = "button" id = "vcssView" onclick = "window.clipboarddata.setdata('text', document.all.css TextValue. value); alert ('css saved to clipboard '); "value =" Copy to clipboard "> <textarea name =" cssTextValueCompare "cols =" 100 "rows =" 5 "id =" cssTextValueCompare "> <input name =" vcssView2 "type = ""button" id = "vcssView" onclick = "window.clipboarddata.setdata('text', document.all.css TextValueCompare. value); alert ('css saved to clipboard '); "value =" copied to clipboard "> <br/> <pr/> This is a DIV with a complex style, you can use CSS to obtain the CSS <p> <input type = "button" id = "vcssView" onclick = "getSelectionWithCss (); setSelectionWithCss () "value =" getting the Left DIV style "> <p>