Skip to main content

Home/ CSS Evangelist/ Group items tagged border-box

Rss Feed Group items tagged

Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

  • The box-sizing CSS3 property can do just this. The border-box value (as opposed to the content-box default) makes the final rendered box the declared width, and any border and padding cut inside the box.
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Vernon Fowler

CSS3 Generator - 12 views

  • -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  • If you set it to border-box, the padding and border will render inside the box.
  •  
     All the effects are fully customizable and you can choose from all the popular CSS3 properties.
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
mikhail-miguel

CSS Import - 0 views

  • Contrabrand (0)Feb 14, 2007 12 Stone Art (0)Feb 5, 2007 Spouse Notes (0)Feb 4, 2007 Urban Dish Seattle (1)Feb 2, 2007 Agency Access (0)Feb 2, 2007 Fall in Tennessee (0)Feb 2, 2007 NorthColour (3)Feb 1, 2007 Noemie Chevaux (0)Feb 1, 2007 Incredible Box (3)Feb 1, 2007 Drew Warkentin (4)
yc c

Understanding border-image | CSS-Tricks - 6 views

  • Strangely, the percentages require the “%”, while pixels should be listed without the “px”:
  •  
    The new CSS3 property border-image is a little tricky, but it can allow you to create flexible boxes with custom borders (or drop shadows, if that's your thing) with a single div and a single image. In this article I explain how the border-image shorthand property works in today's browsers.
yc c

CSS3 Click Chart by Impressive Webs - 6 views

  •  
    Box Sizing, Border Radius, Shadows, RGBA Colors, Multiple Columns, HSLA Colors, Multiple BG
1 - 7 of 7
Showing 20 items per page