Dimension

Dimension

Dimension properties specify the minimum, maximum and fixed content width and height of a field in the CSS box model.

width

Value	1 Dimension
Initial	none
Applies to	all fields and managers
Percentages	refer to the available width of the field

Sets the content width of a field.

style { 
	width: 50%;	 /* the content width is set to 50 % */
}

min-width

Value	1 Dimension
Initial	none
Applies to	all fields and managers
Percentages	refer to the available width of the field

Sets the minimum content width of a field. If a field has a smaller content width than the specified
minimum content width its width is adopted to the minimum content width.

style { 
	min-width: 50%;	 /* the minimum content width is set to 50 % */
}

max-width

Value	1 Dimension
Initial	none
Applies to	all fields and managers
Percentages	refer to the available width of the field

Sets the maximum content width of a field. If a field has a larger content width than the specified
maximum content width its content width is adopted to the maximum width.

style { 
	max-width: 50%;	 /* the maximum content width is set to 50 % */
}

height

Value	1 Dimension
Initial	none
Applies to	all fields and managers
Percentages	refer to the available width of the field

Sets the content height of a field.

style { 
	height: 50%;	 /* the content height is set to 50 % */
}

min-height

Value	1 Dimension
Initial	none
Applies to	all fields and managers
Percentages	refer to the available width of the field

Sets the minimum content height of a field. If a field has a smaller content height of the specified
minimum content height its height is adopted to the minimum content height.

style { 
	min-height: 50%;	 /* the minimum content height is set to 50 % */
}

max-height

Value	1 Dimension
Initial	none
Applies to	all fields and managers
Percentages	refer to the available width of the field

Sets the maximum content height of a field. If a field has a larger content height than the specified
maximum content height its content height is adopted to the maximum content height.

style { 
	maximum-height: 50%;	 /* the maximum content height is set to 50 % */
}