Marks, Orphans, and More Style Sheet Properties

Alphabetical Property Reference: Marks 

marks
IE n/a NN n/a Moz n/a Saf n/a Op n/a CSS 2

Inherited: n/a

This is a page context property that sets whether the page should be rendered with crop or registration marks outside of the page content area. This property must be set within an @page rule. See “At-Rules,” earlier in this chapter for details on deploying this type of style rule.

CSS Syntax

marks: markType | none

Value

Available markType  values are the following constant values: crop | cross. A crop mark shows where pages should be trimmed; a cross mark is used for alignment and registration.

Initial Value           non e

Example                 @page {marks: crop}

Applies To               Page context .

Object Model Reference

[window.]document.getElementById("elementID").style.marks

max-height, min-height
IE (see text) NN n/a Moz all Saf all Op all CSS 2

Inherited: No

These properties let you establish a maximum and/or minimum height for an element’s box. You can bracket the permissible height of an element regardless of the height caused by the natural flow of the content.

When you set the max-height property of an element that has content that may extend beyond that maximum, you should also set the overflow style property to hidden so that excess content is cropped. Failure to do so causes the overflowing content to bleed into the succeeding elements’ content. Any box enhancements (borders, background color, etc.) shrink or expand to meet the requirements of the content or (if there isn’t enough content to fill the box) minimum height.

max-width, min-width

Internet Explorer 6 supports only the min-height property, and is limited to td , th , and tr elements inside a table with its table-layout style property is set to fixed . This conflicts with the CSS2 specification, which explicitly excludes table-related elements from being influenced by these properties. IE 7, however, implements both properties correctly when running in CSS compatibility mode (i.e., with a modern DOCTYPE declaration). IE 5 for Macintosh supports neither property.

CSS Syntax

max-height: length | percentage | none
min-height: length | percentage | none

Value

See the discussion of length values at the beginning of the chapter. The value may also be a percentage that is calculated relative to the element’s container. A value of none removes all constraints, allowing the content to flow naturally.

Initial Value      none (max-width); none (min-width).

Applies To                See text.

Object Model Reference

[window.]document.getElementById("elementID").style.minHeight
[window.]document.getElementById("elementID").style.maxHeight

max-width, min-width
IE 7 NN n/a Moz all Saf all Op all CSS 2

Inherited: No

These properties let you establish a minimum and/or maximum width for an element. You can bracket the permissible width of an element regardless of the width caused by the natural flow of the content within a parent container. IE 7 must run in CSS compatibility mode to use these properties

CSS Syntax

max-width: length | percentage | none
min-width: length | percentage | none

Value

See the discussion of length values at the beginning of the chapter. The value may also be a percentage that is calculated relative to the element’s container. A value of none removes all constraints, allowing the content to flow naturally.

Initial Value         none (max-width); none (min-width).

Applies To            All elements.

Object Model Reference

[window.]document.getElementById("elementID").style.minWidth
[window.]document.getElementById("elementID").style.maxWidth