Border

Element type: Dictionary

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

Keys

Name	Type	Possible Values	Required
Edge	String	Top, Bottom	Required
Color	Color	-
WidthPercent	Number	-
Height	Number	-

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>