The Box-Sizing Property: Difference between Content and Border Boxes

One of the new properties introduced in CSS3 is the box-sizing property. box-sizing: content-box; uses the box-model that everyone is used to, sometimes called the “W3C Box Model”

While box-sizing: border-box; uses the box-model that people have come to associate with Internet Explorer, where the dimensions of the padding and border are included in the element’s dimensions. Take a look at the CSS3 Box Model Diagram within to visualize the box-sizing property.

Read More...
26
Sep 2011
POSTED BY
POSTED IN Articles
DISCUSSION 0 Comments
TAGS

Post-It Sticky Note Tutorial with CSS 3

In this tutorial you’ll learn how to make a realistic looking sticky note using just HTML and CSS that is easy to create and cross-browser compatible.

Sticky Note Tutorial with CSS3

Follow this short tutorial on making a yellow Post-It note using just HTML5 and CSS3.

Read More...
26
Sep 2011
POSTED BY
POSTED IN Tutorials
DISCUSSION 4 Comments
TAGS

, ,