New Poll: How do you order your CSS properties?

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Tossed up a new poll (in the sidebar of the site, RSS folks) about how you order your CSS properties. For example:

Random

.module {
   border: 1px solid #ccc;
   width: 25%;
   padding: 20px;
   position: relative;
   min-height: 100px;
   z-index: 1;
   border-radius: 20px;
}

Alphabetical

.module {
   border-radius: 20px;
   border: 1px solid #ccc;
   min-height: 100px;
   padding: 20px;
   position: relative;
   width: 25%;
   z-index: 1;
}

Grouped by Type

.module {
   width: 25%;
   min-height: 100px;
   padding: 20px;

   border: 1px solid #ccc;
   border-radius: 20px;

   position: relative;
   z-index: 1;
}

Spaces just for emphasis.

By Length

.module {
   border: 1px solid #ccc;
   border-radius: 20px;
   position: relative;
   min-height: 100px;
   padding: 20px;
   z-index: 1;
   width: 25%;
}

More dramatic examples.

Others

If you have other ways of ordering, share in the comments! Too late to add them to the poll, but not too late to share.