max-width

Posted by & filed under M.

The max-width property in CSS is used to set the maximum width of a specified element. Themax-width property overrides the width property, but min-width will always override max-width whether followed before or after width in your declaration. Authors may use any of the length values as long as they are a positive value. .wrapper { width:

Continue reading →

max-height

Posted by & filed under M.

The max-height property in CSS is used to set the maximum height of a specified element. Authors may use any of the length values as long as they are a positive value. max-height overrides height, but min-height always overrides max-height. .wrapper { height: 100%; /* full height of the content box */ max-height: 20em; /* requires

Continue reading →

margin

Posted by & filed under M.

The margin property defines the outermost portion of the box model, creating space around an element, outside of any defined borders. Margins are set using lengths, percentages, or the keyword auto and can have negative values. Here’s an example: .box { margin: 0 3em 0 3em; } margin is a shorthand property and accepts up

Continue reading →

list-style

Posted by & filed under L.

The list-style property is a shorthand property that sets values for three different list-related properties in one declaration: ul { list-style: || || ; } Here’s an example of the syntax: ul { list-style: square outside none; } Which would be the same as the following longhand version: ul { list-style-type: square; list-style-position: outside; list-style-image:

Continue reading →