David Laakso wrote:

> trevor bayliss wrote:
>> How can I condense this CSS? Is it possible? thank you
>>
>> BORDER-TOP-STYLE: none;
>>         BORDER-RIGHT-STYLE: none;
>>         BORDER-LEFT-STYLE: none;
>>         BORDER-BOTTOM-STYLE: none;

Looks like CSS generated by Interner Explorer when saving a page.

The equivalent shorthand is
border-style: none;

> Assuming the above is in reference to this selector from the uri
> presented earlier:
>
> A IMG {
>    BORDER-TOP-STYLE: none;
>        BORDER-RIGHT-STYLE: none;
>        BORDER-LEFT-STYLE: none;
>        BORDER-BOTTOM-STYLE: none;
> }
>
>
> a img {
>    border:none;
> }

I don't think the answer depends on the context. The situation is the same, 
no matter what the selector is.

And border: none is _not_ equivalent to the four declarations given. It may 
often have the same effect, but this depends on other style sheets. The 
declaration border: none also sets border-width and border-color, and this 
may matter, if other style sheets set the border style for some border as 
different from none. For example, in the following context, your rule is not 
equivalent to the one in the question:

a img { border-color: red; border-width: 5mm; }
a img { border: none; }
a img { border-style: solid; }

> Aside: The uppercase in your CSS file could drive a person nuts.

Perhaps, but that's mainly because it reminds us of the IE cluelessness of 
transmogrifying simple and nice CSS code into verbose STUFF. :-)

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/ 

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to