What is the meaning of `auto` value in a CSS property.

by

The value of said property is adjusted automatically according to the content or the context of the element.

For example, a block-level element with height: auto will grow taller as it contains more text. For another example, a block element with margin: 0 auto will have the left and right margins increased until it becomes centered along the y-axis of the viewport.

It really depends on the property you give the value to, different properties behave differently depending on the content and context.

More Related Contents:

  1. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  2. CSS selector for first element with class
  3. Text in a flex container doesn’t wrap in IE11
  4. Customizing Bootstrap CSS template
  5. What is WebKit and how is it related to CSS?
  6. CSS styling in Django forms
  7. How to add a color overlay to a background image? [duplicate]
  8. Center a ‘div’ vertically in a % height ‘div’
  9. Common CSS Media Queries Break Points [duplicate]
  10. Single huge .css file vs. multiple smaller specific .css files? [closed]
  11. How to validate vendor prefixes in CSS like -webkit- and -moz-?
  12. How to display a reverse-ordered list in HTML?
  13. CSS div element – how to show horizontal scroll bars only?
  14. Can you use if/else conditions in CSS?
  15. How can I remove space (margin) above HTML header?
  16. How do I center an SVG in a div?
  17. DIV’s vs. Tables or CSS vs. Being Stupid
  18. Two-tone background split by diagonal line using css
  19. Prevent that a fixed element resizes when zooming on touchscreen
  20. How do I stop Chrome from yellowing my site’s input boxes?
  21. Can type selectors be repeated to increase specificity?
  22. The use of /deep/ and >>> in Angular 2
  23. Need to remove href values when printing in Chrome
  24. Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
  25. CSS class naming convention
  26. Expanding the parent container with 100% height to account for floated content
  27. CSS class repetition to increase specificity
  28. Where do the lost pixels go in a percent CSS layout? [duplicate]
  29. Bootstrap 4 – no column wrapping
  30. How to specify table’s height such that a vertical scroll bar appears?

Leave a Comment