CSS

Last updated on

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 →

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 →