1. Home
  2. Features
  3. Web Page Elements
  4. Box Element
  5. Box Border Property

How to change the Box Border

The Outline is a very popular effect used in modern web design. Designers use Outline for Icons, Buttons, and Rectangles behind Elements. In Nicepage, there is no need for additional rectangles, as you can create the Outline around Elements by setting the Border property for a Box.
Learn more

Browse By Feature Categories

Web Page Elements
Supported Systems
Visual Page Editor
Design Elements
Media Libraries
Element Properties
Responsive
Animation Effects
Theme Settings
Contact Form
Header & Footer
Blog
E-Commerce
SEO
Custom Code
Application Features
Site & Page Properties
WordPress Widgets

Everything You Need To Create Your Free Website

Use our Website Builder to design and create websites without coding. Drag and drop anything you want, to any place you want it. The Website Creator automatically adapts your website for mobile to make it responsive. Choose from more than 15,000 customisable website templates.

Download for Windows Download for Mac

Related Features

Box's Background Types

One of the main benefits of the Group Element is that you can stylize it as a single Element. It has limits, and to fill the isolated area, you can set the Background, which can be solid Fill, Gradient, Image, and Video, or you can have no Background, which is applicable if you apply the Border, for example.
Convert Box To Grid Repeater

If you need several columns of the similarly-looking Elements, you can convert a Group to the Grid Repeater. It allows you to stylize the Grouped Elements in Columns similarly, meaning, when you edit an Element placed in one Grid Repeater's Item, all other Elements placed in other Items get the same styling automatically.
Box Image Background Hover Animation

Similar to Grid Cells, you can apply the Hover Animation Effect to The Image Background of a Group. You can use several presets out of the box, like Zoom, Resize, and Slide. In addition, you can fine-tune the Hover Animation to adjust for the need of your website idea.
Box To Hover Slider

You can use the Hover Slider when there is a need to show a different set of Elements for a Group on Hover. For that, select a Group and enable the Hover Slider in the corresponding section of the Property Panel.
Drag Box Items Together

In the Editor, you can select multiple Elements and move them together. However, it is recommended to group Elements as an integrated part of web design, which retains them and their positioning. You can drag and drop the Group and its Elements together, which is convenient and saves time.
Hover Animation On Box

Using Groups, you can animate grouped Elements. At that, you can animate the Group itself. For example, you can change the Background and Border for a Group. For the inner Elements, while hovering a Group, you can apply other Animation Effects, like Scale, Rotate, Shift, etc., creating amazing interaction to attract your visitor to stay on the website longer.

Free Templates with Box Element

Get started with our best templates, great for any business. Create and customize them with our powerful and free website builder with no code. All templates are mobile-friendly and look excellent on any device.

How to Set A Border For A Shape, Box, or Element

In modern website design is common practice to use borders for the box elements. This feature enables you to control top and bottom border size. You do not need to use rectangles or other figures as a top border of your element, and you can make it just in one click. Many people don't know how to create and change box borders, so you will learn how to work easily with borders with this feature. You can also outline the box by setting the property. Besides, change the radius of the border and add the shadow on the item, and your element will have a more nice look.

If you don't know how to create rounded borders for the elements without the WordPress page builder plugin, visit Nicepage. There is no need to sign up on the site. Only see Nicepage and create Your website easily. If you want to build websites with a responsive design, it is for you. Besides borders, Box shadow and the background color are also very important parts of the design. You can use this feature no matter when and how you will run a new WordPress website. Many developers add the support center items on the website to communicate with users easily. You can create a border for your WordPress website elements, and your WordPress page will have a more nice look.

Nicepage enables you to add the Box shadow on the web items like the WordPress page builder. It is a common question of how to create a website with wonderful elements and create rounded corners on the box elements. You can make it with Nicepage. Only go to the website, read the terms of service and make a unique WordPress page in several minutes. There are many tools and techniques to create CSS border styles and add different effects on the web elements, so you have a big choice. So, this feature is one of the best for creating box borders and box shadows.

Company
Product
Themes & Templates
Nicepage
Web Design