Reply To: Creating Thick Border Lines

[Derek Read]

There is currently no support for borders on their own (left, right, top, bottom). When a border is styled on an element in XMetaL Author (or XMAX) it must be on all 4 sides or none and the element must have display:block set. Given enough demand we might extend this feature in the future, but there is a simple workaround (hack) for this particular case.

Using 'DIV3' as an example element name you can do the following:

DIV3:before {
  display: block;
  font-size: 1px;
  content: “-“;
  color: red;
  background-color: red;
}

This creates a new empty block 1 pixel high and colours the content and background both red giving the appearance of a line, pretty much identical to border-top. For border-bottom change :before to :after.

Good enough for editing purposes for most users I should think.

Reply