HOME | PHP Tutorial | CSS
facebook icon
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

CSS max width, max height, CSS responsive

The max-width property is used to set the maximum width of an item. Maximum width of element does not include css paddings, borders or margins. The max-height property allows you to specify the maximum content height of an element. This maximum height of element does not include css paddings, borders or margins.

CSS max-width Property

The max-width css property define the maximum width of an element (box).
If the content box is larger than the css max width, it will automatically change the width of the box.
If the content is smaller than the css max width, the max-width css property has no effect.
Note: The value of the css max-width property overrides the width property.
Example 1:
max-width: 450px;
height: 210px;
border: 1px solid #73AD21;
background-color: red;

CSS max-width Property

CSS max-height property allows to specify the maximum content height of an item.
This maximum height does not include CSS paddings, borders, or margins. The box that has CSS max-height applied will never be taller than the value specified, even if the height property is set to something larger. For example, if the css hight is set to 450px and the max-height CSS is set to 250px, the actual height of the element is 250px.
div-box2 {
height: 450px;
max-height: 250px;
border: 1px solid #73AD21;
background-color: red;
CSS max-height attribute is usually used in conjunction with CSS min-height attribute to produce a height range for the element specified.

CSS responsive

If CSS width property is set to a percentage (%) and the height is set to "auto", the box will be responsive and scale up and down how is the text larger:
  width: 100%;
  height: auto;

CSS max width, max height, CSS max width responsive CSS max width - max height - CSS responsive - css tutorial

16. CSS3 Tutorial - An Ultimate Guide for Beginners
CSS Tutorials for Beginners - Learn the fundamentals of the latest CSS3 style sheet language in simple and easy steps and create beautifully designed website.

3183. CSS Introduction Tutorial, css tutorial
CSS Introduction Tutorial css tutorial

820. CSS media - CSS tutorials - w3resource


2236. CSS Tutorial - Text formatting
Text decoration it

2702. CSS Cursors - CSS tutorial
EchoEcho.Com : The complete CSS tutorial

2708. Selectors - CSS tutorial
EchoEcho.Com : The complete CSS tutorial

Your add here
PHP ltrim() function

PHP str_replace() function

PHP trim() function

PHP str_repeat() function

PHP similar_text() function

PHP empty() Function

PHP strcmp() function

PHP substr() function

PHP strip_tags() function

PHP ucfirst() function

PHP lcfirst() function

PHP strlen() function

PHP strrchr() Function

PHP htmlspecialchars_decode() function

PHP printf() function

PHP html_entity_decode() function

HTML Headings, examples
HTML link open in new tab or window - how to create link
CSS Font Size
PHP String Functions
PHP 5 Constants
HTML div class tag attribute