Default Border
Syntax:
<border type="border-type"/>
<border viewBox="coords"> … SVG …</border>
Example: <border type="box-clipAll"/>
Use: Defines the shapes to use when no other shape matches.
It is essential that a default border is defined, otherwise any
non-matching component will have no shape and only the label will appear. It is
also invalid to have more than one default border that is, more than one border
element with no rule
or value
. There are two possible
syntax for the default shape. The first and simplest is to specify a border
type. The other option is to define a shape using SVG inside the
border
element. The optional viewBox
attribute can be
used to ensure that the correct shape is displayed.
Note: While the order of <border>
elements is significant, the default border can appear in any position within a
<borders>
group