GWT：解析CSS样式属性

Question

我正在使用gwt创建一个表格，我添加了一些边框。 Fx

DOM.setStyleAttribute(cellElement, "border-left", "solid");
DOM.setStyleAttribute(cellElement, "border-right", "double");
...

然后，不同的浏览器以非常不同的方式设置样式。特别是边境财产。它可能是

border-left: solid 1px;
border-right: double 2px;

或

border-style-left: solid;
border-width-left: 1px;
border-style-right: double;
border-width-left: 2px;

或甚至作为单一财产

border: solid none double none;
...

可以通过某种方式解析这些不同的写入方式，以便更容易找到表格的边界属性。类似的东西：

border-left: solid;
border-top: none;
border-right: double;
border-bottom: none;
border-width-left: 1px;
border-width-top: 1px;
...

解析应该在客户端完成

Answer 1

只要元素已经渲染，

currentStyle / getComputedStyle()就会有所帮助。您需要编写一个JSNI方法来访问它，因为在DOM包中似乎没有这个API包装器。