Blog Archives

CSS Vertical Align The vertical-align property sets the vertical alignment of an element. This is especially useful when working with tables. Since by default table cells align everything to the middle, if your content in one of the columns runs shorter than the other columns, you can align everything to the top! 1 2 3 td.top { vertical-align: top; } td.middle { vertical-align: middle; }
more

CSS Overflow Property The overflow property decides what to do if the content inside an element exceeds the given width and height properties. You can use the overflow property when you want to have better control of the layout. The overflow properties include: visible, scroll, auto or hidden. The default value is visible. 1 2 3 4 5 6 7 8 .news { background-color: #cccccc; width: 225px; height: 200px;
more

CSS Display Property The CSS classification properties allow you to control how to display/visibility of an element. Display Inline The element will generate an inline box: no line break before or after the element. 1 2 3 p { display: inline; } <p>These two paragraphs generates inline boxes, and it results in</p> <p>no normal breaks
more

CSS Padding The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element. Possible Values px Defines a fixed padding in pixels % Defines padding in percentages The top, right, bottom, and left padding can be changed independently using separate properties. 1 #container { padding-top: 100px; padding-right: 50px; padding-bottom: 25
more

CSS Border The CSS border properties allow you to specify the style and color of an element’s border. You can border all 4 sides of an element, or give an element just a left or right border. Border Width The border-width: property is used to set the width of the border. The width is usually set in pixels, but you
more