You can set borders in CSS using one simple property called border. border-width, border-style, and border-color ).Ī shorthand way where you combine all values into one property called border Click the disclosure arrow next to Border, then click the pop-up menu and choose a type of border (line or picture frame). We'll explore how to do both in this chapter! Border syntaxīefore we look at border value examples, there are two general ways to set borders:Ī longhand way where you list out each value in a different property (ex. To create a custom page border in Word: Open Word and click on the Design tab. You can also create borders around elements in either a shorthand or longhand way, depending on your preference. Simply place the cursor in any cell in the table to activate the Table Tools tabs and select a border style using either of the methods mentioned above. This results in a ton of border options that can spice up your elements. The border-color property sets the color of an elements four borders. There are many different ways to adapt a border's style! Here are just some examples of what web borders in CSS might look like (you'll see all of them in this chapter!): So many border options! This element has an orange border, for example: Element with an orange border Much like you can frame a picture and hang it on your wall, you can add borders to your HTML elements that frame them visually.

Custom border word