What’s the difference between HTML’s and CSS’s width attribute?

by

I checked the documents, but they don’t make clear what will happen if both of them are set..

That’s hidden away somewhere here:

The UA may choose to honor presentational attributes in an HTML source document. If so, these attributes are translated to the corresponding CSS rules with specificity equal to 0, and are treated as if they were inserted at the start of the author style sheet. They may therefore be overridden by subsequent style sheet rules. In a transition phase, this policy will make it easier for stylistic attributes to coexist with style sheets.

Now, as I’ve implied in my humorous comment, I don’t know for certain why they would set a variety of values for the HTML width attribute on the img elements and have a single, different value for the CSS width property for all of them. Perhaps they’re accounting for when the .thumbnail class is missing, or something else. As always, Alohci is in a better position to explain why the width and height attributes are specified anyway, even if they differ from the dimensions specified in CSS for whatever reason.

What I can tell you, however, is that this basically means the CSS does indeed take precedence anyway, even if both are set.

More Related Contents:

  1. How to collect and manipulate data in HTML using
  2. SVG drop shadow using css3
  3. Switching the order of block elements with CSS [duplicate]
  4. Imitating a blink tag with CSS3 animations
  5. How can I force a long string without any blank to be wrapped?
  6. 100% Min Height CSS layout
  7. Rendering problems using flexbox in Firefox and Chrome 48 [duplicate]
  8. Equal space between flex items
  9. How to get a child element to show behind (lower z-index) than its parent?
  10. What is the performance impact of the universal selector?
  11. How to wrap text of HTML button with fixed width?
  12. Place boxes inside ul in center, but align them left
  13. Image width/height as an attribute or in CSS? [duplicate]
  14. Aligning decimal points in HTML
  15. Why is nth-child selector not working?
  16. What’s default HTML/CSS link color?
  17. CSS: stretching background image to 100% width and height of screen?
  18. How to Animate Gradients using CSS
  19. Bootstrap navbar: nothing is displayed on smaller devices
  20. Display text, a dotted line then more text spanning the width of the page
  21. How can I control the width of a label tag?
  22. How to change cursor color without changing text color?
  23. Object-fit not affecting images
  24. centering a div between one that’s floated right and one that’s floated left
  25. How to select classes with spaces
  26. How to place Text and an Image next to each other in HTML?
  27. How to change style of radio and checkbox input [duplicate]
  28. How to make input autofocus in internet explorer?
  29. How to always show the vertical scrollbar in a browser?
  30. Image center align vertically and horizontally [duplicate]

Leave a Comment