Skip to main content

Border

Element type: Dictionary

The Border key lets you add a top or bottom border to a component.

Keys

NameTypePossible ValuesRequired
EdgeStringTop, BottomRequired
ColorColor-
WidthPercentNumber-
HeightNumber-

Detail

Edge Required

Type: String
Possible values: Top, Bottom
Explanation: The component’s edge where to add the border.

Color

Type: Color
Explanation: The color of the border

WidthPercent

Type: Number
Explanation: By default, a border will take 90% of the container’s width in which the component exists. You can override this percentage here, by specifying a number between 0 and 1. For example to add a smaller separation between components.

Height

Type: Number
Explanation: The height of the border, in points.

Example

A border set at the top of a component, with a width equals to 50% of the container width.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<!-- ... -->
<key>Slides</key>
<array>
<dict>
<key>Containers</key>
<array>
<dict>
<key>Components</key>
<array>
<dict>
<key>Border</key>
<dict>
<key>Edge</key>
<string>Top</string>
<key>WidthPercent</key>
<real>0.5</real>
</dict>
</dict>
</array>
</dict>
</array>
</dict>
</array>
<!-- ... -->
</dict>
</plist>