Border property

Border defines the space between padding and margin. A margin sets spacing outside a border, whereas padding adds space between the border and the component.

Image shows relationship between margin, border, and padding settings.

  1. To optionally update all border values at once, press the Set All button for Border in the properties panel.

    image of the set all button

  2. Click the value field for a border item. A spin control appears in that field.

  3. Use the spin control to increase or decrease border width. If Set All was selected, the change is applied to all padding values.

    Image shows how to change value of a border setting

    The component is immediately repositioned using its new border setting.