B

Last updated on

You can give any element “rounded corners” by applying a border-radius through CSS. You’ll only notice if there is a color change involved. For instance, if the element has a background-color or border that is different than the element it’s over. Simple examples: #example-one { border-radius: 10px; background: #BADA55; } #example-two { border-radius: 10px; border:

Continue reading →

Last updated on

The border-image property of CSS allows you to use an image in which to paint the border of an element with. It’s not as straight forward as, say, background-image, which just places the image into the background area. border-image takes the image you give it and slices it like a tic-tac-toe board into nine slices (at the measurements you

Continue reading →

Last updated on

The border-collapse property is for use on <table> elements (or elements made to behave like a table through display: table or display: inline-table). There are two values: separate (default) – in which all table cells have their own independent borders and there may be space between those cells as well. collapse – in which both the space and the borders between table cells collapse

Continue reading →

Last updated on

Every element on a page is a rectangular box. All the way from the root <html> element to the lowly <i> element. You can apply a border to any of those rectangular boxes with theborder property. Here’s a classic example of a box with a border: .box { width: 200px; height: 100px; border: 3px solid red; background: #eee; } The

Continue reading →