Shorthand for CSS

HCL Domino Domino Forum
1

I am trying to create a border on the right, bottom and left that is dashed using color #0033CC. I know that I can write the css like this but is there a way to write it in shorthand. I have tried a few ways and got varied results.

.boxb

{

 border-right: 1px dashed #0033CC;

 border-bottom: 1px dashed #0033CC;

 border-left: 1px dashed #0033CC;

}

2

Subject: Shorthand for CSS

If the colours and styles are all the same, then this should do it:

.boxb {border: dashed #0033CC 0 1px 1px 1px;}

3

Subject: RE: Shorthand for CSS

I totally agree with you, but when I use the code in notepad it gives me all four borders.

This isn’t the first time that you have helped me with a CSS problem where it should have worked but did not. Any ideas?

4

Subject: Shorthand for CSS

Also, here is a link to the border-shorthand description at www.w3schools.com

http://www.w3schools.com/css/pr_border.asp

They have the standards for all the CSS properties there.

5

Subject: Shorthand for CSS

First define your class to give all borders a 1px dashed border of color #0033CC. Then, AFTER this definition, tell the class to make the top border 0px.

.boxb {border: 1px dashed #0033CC;}

.boxb {border-top: 0px;}

6

Subject: RE: Shorthand for CSS

Jeez, that’ll do it, what?

7

Subject: RE: Shorthand for CSS

Hey Stan, not sure I understand your post. What do you mean by “what?”

Cheers,

Jack

8

Subject: RE: Shorthand for CSS

It’s a superfluous, throwaway word – and expletive, if you will. Means nothing other than that I had the time and inclination to type an extra word, Jack. (Now I’ll leave it to you to decide whether that last “Jack” was a direct address to someone named Jack, or a sort-of-Rat-Pack throwaway unto itself. Lord knows I don’t know – I seem to be slipping deeper into silliness as this day rolls on…)

9

Subject: RE: Shorthand for CSS

Sounds good to me.