bottom

Posted by & filed under B.

The bottom property in CSS goes hand in hand with positioning. By default, elements arestatic positioned in which the top property has no effect whatsoever. But when the positioning of an element is relative, absolute, or fixed, the bottom value plays a big role. div { bottom: value (px, em, %, pt, etc) || auto

Continue reading →

border-radius

Posted by & filed under B.

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 →

border-image

Posted by & filed under B.

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 →

border-collapse

Posted by & filed under B.

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 →