1. Huis
  2. Kenmerken
  3. Webpagina-elementen
  4. Dooselement
  5. Box Border Property

Hoe de kaderrand te veranderen

De omtrek is een zeer populair effect dat wordt gebruikt in modern webdesign. Ontwerpers gebruiken Outline voor Icons, Buttons en Rectangles achter Elements. In Nicepage zijn er geen extra rechthoeken nodig, omdat u de omtreklijn rond elementen kunt maken door de eigenschap Rand voor een kader in te stellen.
Leer meer

Bladeren op functiecategorieën

Webpagina-elementen
Ondersteunde systemen
Visuele pagina-editor
Ontwerp elementen
Mediabibliotheken
Elementeigenschappen
Snel reagerend
Animatie-effecten
Thema instellingen
Contact Formulier
Kop- en voettekst
Blog
E-commerce
SEO
Aangepaste code
Toepassingsfuncties:
Site- en pagina-eigenschappen
WordPress-widgets

Alles wat u nodig heeft om uw gratis website te maken

Gebruik onze Website Builder om websites te ontwerpen en te maken zonder codering. Sleep alles wat je wilt, naar elke gewenste plek. De Website Creator past uw website automatisch aan voor mobiel om deze responsive te maken. Kies uit meer dan 15,000 aanpasbare websitesjablonen.

Download voor Windows Download voor Mac

Gerelateerde functies:

Sleep Box-items samen

In de Editor kunt u meerdere elementen selecteren en ze samen verplaatsen. Het wordt echter aanbevolen om elementen te groeperen als een geïntegreerd onderdeel van webdesign, waardoor ze en hun positionering behouden blijven. U kunt de groep en zijn elementen samen slepen en neerzetten, wat handig is en tijd bespaart.
Converteer box naar rasterrepeater

Als u meerdere kolommen van op elkaar lijkende Elementen nodig heeft, kunt u een Groep converteren naar de Grid Repeater. Hiermee kunt u de gegroepeerde elementen in kolommen op dezelfde manier stileren, wat betekent dat wanneer u een element bewerkt dat in een item van een rasterrepeater is geplaatst, alle andere elementen die in andere items zijn geplaatst automatisch dezelfde stijl krijgen.
Vak om schuifregelaar te laten zweven

U kunt de Hover-schuifregelaar gebruiken wanneer het nodig is om een andere set elementen voor een groep op Hover weer te geven. Selecteer daarvoor een groep en schakel de zweefschuifregelaar in de overeenkomstige sectie van het eigenschappenpaneel in.
Zweefanimatie op doos

Met Groepen kunt u gegroepeerde elementen animeren. Op dat moment kunt u de groep zelf animeren. U kunt bijvoorbeeld de achtergrond en rand voor een groep wijzigen. Voor de innerlijke elementen kunt u, terwijl u over een groep zweeft, andere animatie-effecten toepassen, zoals schalen, roteren, verschuiven, enz., waardoor een geweldige interactie ontstaat om uw bezoeker aan te trekken om langer op de website te blijven.
Box Afbeelding Achtergrond Zweefanimatie

Net als bij rastercellen kunt u het zweefanimatie-effect toepassen op de afbeeldingsachtergrond van een groep. U kunt verschillende standaardinstellingen gebruiken, zoals Zoom, Formaat wijzigen en Dia. Bovendien kunt u de Hover-animatie afstemmen op de behoefte van uw website-idee.
Achtergrondtypen van Box

Een van de belangrijkste voordelen van het groepselement is dat u het als een enkel element kunt stileren. Het heeft limieten en om het geïsoleerde gebied te vullen, kunt u de achtergrond instellen, die effen Vulling, Verloop, Afbeelding en Video kan zijn, of u kunt geen achtergrond hebben, wat van toepassing is als u bijvoorbeeld de rand toepast.

Gratis sjablonen met Dooselement

Ga aan de slag met onze beste sjablonen, ideaal voor elk bedrijf. Maak en pas ze aan met onze krachtige en gratis websitebouwer zonder code. Alle sjablonen zijn mobielvriendelijk en zien er op elk apparaat uitstekend uit.

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