Comments on Carrer Blog: CSS Shorthand Clockwise Rule

Neat way to explain this. Thanks for sharing!

2012-01-16T04:11:37.225+01:00

Neat way to explain this. Thanks for sharing!

As a newbie-webmaster one of the things I have had...

2011-05-25T17:29:23.901+02:00

As a newbie-webmaster one of the things I have had most trouble with is the logics of CSS. Your post on the clockwise rule or "trouble" as other name it has been very useful input. Thanks!

That's a great way to learn! I'll keep tha...

2010-02-17T05:49:01.246+01:00

That's a great way to learn! I'll keep that in mind next time I'm butting heads with IE 6 for a stubborn client.

Thank you! So useful!

2010-02-13T00:17:00.902+01:00

Thank you! So useful!

Easily I assent to but I about the brief should se...

2010-02-06T13:54:24.126+01:00

Easily I assent to but I about the brief should secure more info then it has.

Amiable post and this fill someone in on helped me...

2010-02-01T00:50:37.492+01:00

Amiable post and this fill someone in on helped me alot in my college assignement. Gratefulness you as your information.

margin: 10px 0;
If you want a top/bo...

2010-01-28T17:03:15.901+01:00

margin: 10px 0;

If you want a top/bottom margin of 10px, and 0 on the sides.

I've never known it before, thank you.

2010-01-28T16:41:34.987+01:00

I've never known it before, thank you.

"What if i want to have a margin top and a ma...

2010-01-28T16:39:13.785+01:00

"What if i want to have a margin top and a margin bottom only?"

------

Then you'd use margin: 10px 0; (with 10px being your top and bottom margins).

I use the TRouBLe method too... but I always forget the 3 parameter rule!

I use the word trouble as well to help. TRBL. only...

2010-01-28T15:56:45.240+01:00

I use the word trouble as well to help. TRBL. only way I can remember it, thanks for the post.

What if i want to have a margin top and a margin b...

2010-01-28T15:48:35.188+01:00

What if i want to have a margin top and a margin bottom only?

i always use this code! TROUBLE T = TOP R = RIGH...

2010-01-28T15:40:53.610+01:00

i always use this code! TROUBLE
T = TOP
R = RIGHT
B = BOTTOM
L = LEFT
=)

I usually remember it using the word Treble. Treb...

2010-01-28T15:37:55.586+01:00

I usually remember it using the word Treble.

Treble = TRBL

@Vladimir: saying "we all expect" is a b...

2010-01-28T15:32:28.113+01:00

@Vladimir: saying "we all expect" is a bit misleading. I don't expect it at all. You might want to choose your wording better.

@Luca: The problem with this rule is not logical w...

2010-01-27T14:21:19.420+01:00

@Luca: The problem with this rule is not logical we all expect to be Top.Bottom then Left,Right or working in pair (but it is not). It is simply starting from the top and doing clockwise loop.

Great article. Thanks

2010-01-27T10:01:57.454+01:00

Great article. Thanks

It's too hard to simply remember top-right-bot...

2010-01-27T09:54:17.545+01:00

It's too hard to simply remember top-right-bottom-left? :)
It's the same order for each property like margin, padding etc...

just imagine css-soldiers: - too much margin on th...

2010-01-27T05:57:03.932+01:00

just imagine css-soldiers:
- too much margin on three o'clock!
- roger that!

Top Noon or Top North, that's how I think of i...

2010-01-27T04:23:07.513+01:00

Top Noon or Top North, that's how I think of it.

I also tend to think of it as North East South Wes...

2010-01-26T22:56:57.552+01:00

I also tend to think of it as North East South West.

I think of it in North>East>South>West. S...

2010-01-26T22:06:40.994+01:00

I think of it in North>East>South>West. Same thing really...

@Gecko85: Yes you can use "TRouBLe" or T...

2010-01-26T17:39:16.918+01:00

@Gecko85: Yes you can use "TRouBLe" or TRBL - Top, Right, Bottom, Left.

But what if you are not an English speaker and you don't know how to spell "TRouBLe"?

I think the "clock" rule is more universal and we can all "visualize" the clock very easy, so our mind can hack the problem with no effort .

I always remember the shorthand clockwise rule as ...

2010-01-26T17:22:28.700+01:00

I always remember the shorthand clockwise rule as "TRouBLe"

ok... muy interesante... gracias

2010-01-26T16:46:00.223+01:00

ok... muy interesante... gracias

Thank you for this.

2010-01-26T15:52:09.557+01:00

Thank you for this.

Comments on Carrer Blog: CSS Shorthand Clockwise Rule

Neat way to explain this. Thanks for sharing!

As a newbie-webmaster one of the things I have had...

That's a great way to learn! I'll keep tha...

Thank you! So useful!

Easily I assent to but I about the brief should se...

Amiable post and this fill someone in on helped me...

margin: 10px 0; If you want a top/bo...

I've never known it before, thank you.

"What if i want to have a margin top and a ma...

I use the word trouble as well to help. TRBL. only...

What if i want to have a margin top and a margin b...

i always use this code! TROUBLE T = TOP R = RIGH...

I usually remember it using the word Treble. Treb...

@Vladimir: saying "we all expect" is a b...

@Luca: The problem with this rule is not logical w...

Great article. Thanks

It's too hard to simply remember top-right-bot...

just imagine css-soldiers: - too much margin on th...

Top Noon or Top North, that's how I think of i...

I also tend to think of it as North East South Wes...

I think of it in North>East>South>West. S...

@Gecko85: Yes you can use "TRouBLe" or T...

I always remember the shorthand clockwise rule as ...

ok... muy interesante... gracias

Thank you for this.

margin: 10px 0;
If you want a top/bo...