# Borders

# Border Radius

The Border radius property defines the radius of the angles. In other words, it allows you to create rectangles with rounded corners.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Enter the desired radius value
  7. Select your desired radius unit
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on the pen tool and Enter your desired custom value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on the 🔗 icon to access top, right, bottom and left properties
  7. Enter the desired radius value
  8. Select your desired radius unit
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on the 🔗 icon to access top, right, bottom and left properties
  7. Click on the pen tool and Enter your desired custom value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on Reset
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on the 🔗 icon to access top, right, bottom and left properties
  7. Remove the values you don't need

# Border Width

The Border Width property defines the width of the borders of a block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Enter the desired radius value
  7. Select your desired radius unit
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on the pen tool and Enter your desired custom value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on the 🔗 icon to access top, right, bottom and left properties
  7. Enter the desired radius value
  8. Select your desired radius unit
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on the 🔗 icon to access top, right, bottom and left properties
  7. Click on the pen tool and Enter your desired custom value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on Reset
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Radius property
  6. Click on the 🔗 icon to access top, right, bottom and left properties
  7. Remove the values you don't need

# Border Color

The Border Color property defines the color of the borders of a block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Border Color property
  6. Open the color picker by clicking on the color circle in the Text Color property
  7. Select your color in the color picker or click on a global color
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Border Color property
  6. Click on the Clear button in the Border Color property

# Border Style

The Border Style property defines the type of line used for the borders of a block (solid, dotted, dashed, etc.).

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Style property
  6. Click on the appropriate style options (nonesoliddotteddashed)​​
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Style property
  6. Click on selected option to unselect it

None Default value. No border.

Solid The border is a solid line.

Dotted The border is a sequence of dots.

Dashed The border is a sequence of dashes.

# Outer Shadow

The Outer Shadow property is used to create shadows, often called drop shadows just like in Photoshop. The shadow will appear outside the block.

You can add as many outer shadows as you like.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Outer Shadow property
  6. Click on the  ​​icon
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Outer Shadow property
  6. Find the Outer Shadow value you want to modify
  7. Click on selected option
  8. Enter the desired values (color, blur, spread, horizontal, vertical)
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Outer Shadow property
  6. Find the Outer Shadow value you want to remove
  7. Click on the  ​​icon
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Outer Shadow property
  6. Click on the Outer Shadow label
  7. Click on Reset

Color Sets the color of the shadow. If the value is omitted, the box shadows have the color of the text.

Blur The larger this value, the more diffuse the shadow will be: the shadow will therefore be more spread out and lighter.

Spread Positive values ​​will spread the shadow and negative values ​​will shrink the shadow.

Horizontal The horizontal offset of the shadow, a positive value means the shadow will be to the right of the box, a negative value will position the shadow to the left of the box.

Vertical The vertical offset of the shadow, a positive value means the shadow will be at the bottom of the box, a negative value will position the shadow above the box.

# Inner shadow

The Inner Shadow property is used to create shadows, often called drop shadows just like in Photoshop. The shadow will appear inside the block.

You can add as many inner shadows as you like.

  1. Select
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Inner Shadow property
  6. Click on the  ​​icon
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Inner Shadow property
  6. Find the Inner Shadow value you want to modify
  7. Click on selected option
  8. Enter the desired values (color, blur, spread, horizontal, vertical)
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Inner Shadow property
  6. Find the Inner Shadow value you want to remove
  7. Click on the  ​​icon
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Borders panel
  5. Find the Inner Shadow property
  6. Click on the Inner Shadow label
  7. Click on Reset

Color Sets the color of the shadow. If the value is omitted, the box shadows have the color of the text.

Blur The larger this value, the more diffuse the shadow will be: the shadow will therefore be more spread out and lighter.

Spread Positive values ​​will spread the shadow and negative values ​​will shrink the shadow.

Horizontal The horizontal offset of the shadow, a positive value means the shadow will be to the right of the box, a negative value will position the shadow to the left of the box.

Vertical The vertical offset of the shadow, a positive value means the shadow will be at the bottom of the box, a negative value will position the shadow above the box.