Tutorial Discussion - CSS Shorthand Properties

[Ducani]

This thread is for all comments related to the tutorial
CSS Shorthand Properties

D.

[ryanhellyer]

I tend to remove carriage returns from my CSS too. Partly for saving file size and also as I find it easier to scan for the chunk of CSS I want to edit.

Ie:

p {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: bold;
  font-style: italic;
  font-family: serif
  border-width:1px;
  border-weight:solid;
  border-color:#aaaaaa;
}

Would become:

p {font:1em/1.5em bold italic serif;border:1px solid #aaa}

[Lamer980]

This CSS shorthand property will only work if you're specifying both the font-size and the font-family - omit either and the CSS rule will be completely ignored. Also, if you don't specify the font-weight, font-style, or font-varient then these values will automatically default to a value of normal, so do bear this in mind too.

[ailema]

hi guys where can i find good css and html toturials that really works

[!_kerher_!]

I'm not trying to be picky or anything, but you have that in the wrong order.
It's : border: 1px solid #000;

[ryanhellyer]

Er, that's the way I have it already. We both have it in the same order.

[coder4hire]

I have found advantages to both approaches, but have settled on having each rule on its own line, because it's so fast in any decent programmer's editor to move the lines around, or sort them alphabetically. Plus, it's faster to spot the rule that you are looking for.