For example… if there were an html table with a border defined, as in…
[code=html]
<table class=’myTable1″ border=”1″ width=”90%” align=”left”>
…
and in the html document’s head area a CSS border were defined
[code=html]
<!–
<style>
.mytable1 {border: 2px; }
width: 80%;
margin-left: auto;
margin-right: auto;
</style>
–>
Note that I’ve intentionally made the html attributes be in conflict with the CSS, because I want to know what takes priority, and whether this is ALWAYS the case. So in the above, can I safely assume that in any modern browser the table border using that class will always be 2px wide and centered? Also, are there exceptions where an html attribute will take priority over a CSS property?
I realize I can try this for myself, but i can’t really because I don’t have every browser out there. I’m writing because I’ll be updating a very old site which may be visited by elderly and other’s on fixed incomes, whose computers and browsers may be ancient.. I realize there is a limit to this, but I’d like to make sure formatting is at least reasonable in as many cases as possible, while still making use of all the great added features CSS has to offer.