Uh-oh, it looks like your Internet Explorer is out of date. For a better shopping experience, please upgrade now.The CSS border properties allow you to specify the style, width, and color of an element's border. I have borders on all sides. I have a red bottom border I have a blue left border. The border-style property specifies what kind of border to display. The following values are allowed: The border-style property can have from one to four values (for the top border, right border, bottom border, and the left border).The effect depends on the border-color value. Try it Yourself » Note: None of the OTHER CSS border properties described below will have ANY effect unless the border-style property is set! The border-width property specifies the width of the four borders. The width can be set as a specific size (in px, pt, cm, em, etc) or by using one of the three pre-defined values: thin, medium, or thick. The border-width property can have from one to four values (for
The border-color property is used to set the color of the four borders. The color can be set by: The border-color property can have from one to four values (for If border-color is not set, it inherits the color of the element. From the examples above you have seen that it is possible to specify a different border for each side. In CSS, there is also properties for specifying each of the borders (top, right, bottom, and left): The example above gives the same result as this: So, here is how it works: If the border-style property has four values: If the border-style property has three values: If the border-style property has two values: If the border-style property has one value: The border-style property is used in the example above. However, it also works with As you can see from the examples above, there are many properties to consider when dealing with borders. To shorten the code, it is also possible to specify all the individual border properties in
The border property is a shorthand property for the following individual border properties: You can also specify all the individual border properties for just one side: The border-radius property is used to add rounded borders to an element: Note: The border-radius property is not supported in IE8 and earlier versions. All the top border properties in one declaration This example demonstrates a shorthand property for setting all of the properties for the top border in one declaration. Set the style of the bottom border This example demonstrates how to set the style of the bottom border. Set the width of the left border This example demonstrates how to set the width of the left border. Set the color of the four borders This example demonstrates how to set the color of the four borders. It can have from one to four colors. Set the color of the right border This example demonstrates how to set the color of the right border.
OTB is your place to gather with your friends and enjoy some of the best drinks around. See you after work! *Happy Hour prices and participation may vary by location. Select Location To See Specials To see all upcoming events at this location, click here. Find your OTB to see more local events New Events Coming Soon!The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color. Like all shorthand properties, a missing value for one of the longhand properties is set to the corresponding initial value. Also note that border-image, though not settable using this shorthand, is reset to its initial value, that is, none. This allows to use border to reset any border settings set earlier in the cascade. As the W3C intends to preserve this property in future level of the spec, it is recommended to use this method to reset border settings.
Note: While the border-width, border-style, and border-color shorthand properties accept up to four values, allowing one to set different width, style or color values for the different border edges, this property only accepts a single value for each property, leading to the same border for all four edges.where = | thin | medium | thick = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset = | | currentcolor | where = rgb( [ [ {3} | {3} ] [ / ]? ] | [ [ #{3} | #{3} ] , ? ] ) = rgba( [ [ {3} | ] ) = hsl( [ [ / ]? ] | [ , , , ? ] ) = hsla( [ [ / ]? ] | [ , , , ? ] ) = transparent | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey |
yellowgreen = ActiveBorder | WindowTextwhere = | = | 1.0 (1.7 or earlier) Word of the Day Nearby words for border 1 : an outer part or edge at the borders of the forest2 textiles : an ornamental design at the edge of a fabric or rug3 : a narrow bed of planted ground along the edge of a lawn or walkway a border of tulips4 : boundary on the border between New York and Canada crossed the border into Italy5 : a plain or decorative margin around printed matter wedding invitations with a delicate gold leaf borderborderedplay adjective See border defined for English-language learners See border defined for kids Examples of border in a sentence He grew up in Malaysia, near the Indonesian border.They live just beyond the western border of the park.the border of the SaharaThe quilt is quite plain except for its colorful border.a broad red border on each plateHe planted pansies in the border. Origin and Etymology of border