Css.3 Box

Box

Box size

Width,height

By default, a box is sized to fit the content and varies depending on the content. If you customize the size of the joint venture, you need to use the width and height properties.

The most common way to specify the size of a box is pixels, percentages, or EM values.

Width limit

Min-width,max-width

The min-width property specifies the minimum width that a box can display in a narrow browser window

The max-width property specifies the maximum width that a box can stretch when the browser window is wide

Height limit

Min-height,max-height

As with limiting the width of a joint venture, you can also limit the size of a box on a page.

The height limit can be accomplished using the min-height and max-height properties.

Content Overflow

Overflow

hidden: To hide the contents of a joint venture space

Scroll: Add a scroll bar to the box

Border width

Border-width

The Border-width property is used to control the width of the border. This property can be a pixel value,

Also, and to select one of the following values:

Thin

Medium

Thick

The attribute value cannot be used as a percentage.

Each border size can be controlled by the following 4 properties:

Border-top-width

Border-right-width

Border-bottom-width

Border-left-width

Border Style

Css.3 Box