`args.onUpdate = function() { var spans = this.target.getElementsByTagName("span"); var source = this.oi.element; var txt = source.tagName.toLowerCase(); if (source.id) txt += "#" + source.id; if (source.className) txt += "." + source.className; spans[1].innerHTML = txt; };`

# O.I. []

Colors
Background color: | `args.type = "style[backgroundColor]";` Choose bg color
Foreground color: | `args.type = "style[color]";` Choose text color
| Layout
Padding: | `args.type = "numeric length style[paddingTop]";` Top padding | `args.type = "numeric length style[paddingRight]";` Right padding | `args.type = "numeric length style[paddingBottom]";` Bottom padding | `args.type = "numeric length style[paddingLeft]";` Left padding
Margin: | `args.type = "numeric length style[marginTop]";` Top margin | `args.type = "numeric length style[marginRight]";` Right margin | `args.type = "numeric length style[marginBottom]";` Bottom margin | `args.type = "numeric length style[marginLeft]";` Left margin
Width: | `args.type = "numeric length style[width]";` Element width | Height: | `args.type = "numeric length style[height]";` Element height
Float: | `args.options = { "none" : "None", "left" : "Left", "right" : "Right" }; args.onUpdate = function() { if (HTMLArea.is_ie) this.setValue(this.oi.element.style.getAttribute("float")); else this.setValue(this.oi.element.style.getPropertyValue("float")); }; args.onSelect = function() { if (HTMLArea.is_ie) { this.oi.element.style.setAttribute("float", this.getValue(), ""); this.oi.redraw(); } else this.oi.element.style.setProperty("float", this.getValue(), ""); };` Floating element?
| Borders
Style: | `args.type = "borderTopStyle";` Top border style | `args.type = "borderRightStyle";` Right border style
`args.type = "borderBottomStyle";` Bottom border style | `args.type = "borderLeftStyle";` Left border style
Thickness: | `args.type = "numeric length style[borderTopWidth]";` Top border thickness | `args.type = "numeric length style[borderRightWidth]";` Right border thickness | `args.type = "numeric length style[borderBottomWidth]";` Bottom border thickness | `args.type = "numeric length style[borderLeftWidth]";` Left border thickness
Color: | `args.type = "style[borderTopColor]";` Select top border color | `args.type = "style[borderRightColor]";` Select right border color | `args.type = "style[borderBottomColor]";` Select bottom border color | `args.type = "style[borderLeftColor]";` Select left border color