Layout

The properties on this tab set the layout for the selected object. Click on the properties in the illustration for further details.

Figure 1 - The HTML Style Properties > Layout tab

• Visibility - this property specifies whether or not the content of the object, including the borders and backgrounds, is to be displayed. The options are:
• NotSet(default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Visible - the object content is visible.
• Hidden - the object content is hidden.
• Display - specifies how the object is displayed. The options are:
• NotSet(default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Inline - the object is rendered as an inline element.
• Block - the object is rendered as a block element.
• None - the object is not rendered.
• Float - sets where an image or text is to appear within another element.
• NotSet(default) makes no specific setting at this level. This allows the next level up to specify the setting.
• None - (Default) the image or text will be displayed where it occurs in the HTML code.
• Left - the image or text moves to the left in the parent element.
• Right - the image or text moves to the right in the parent element.
• Clear - image and text elements that appear within another element are called floating elements. The Clear property defines whether there are any sides of an element where other floating elements are not allowed to be placed.
• NotSet(default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Both - no floating elements are allowed on either the left or right sides.
• Left - no floating elements are allowed on the left side.
• Right - no floating elements are allowed on the right side.
• None - (Default) allows floating elements on both sides.
• Overflow - specifies how the content of the object is to be managed when the content exceeds the height or width of the object. The options are:
• NotSet(default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Auto - the content is clipped and scroll bars added only when necessary.
• Scroll - the content is clipped and scroll bars are added even if the content does not exceed the dimensions of the object.
• Visible - the content is not clipped and scrollbars are not added.
• Hidden - content that exceeds the dimensions of the object is not shown.
• Overflow X - specifies how the content of the object is to be managed when the content exceeds the width of the object. Note that this property only controls the horizontal details. The options are the same as for Overflow above.
• Overflow Y - specifies how the content of the object is to be managed when the content exceeds the height of the object. Note that this property only controls the vertical details. The options are the same as for Overflow above.
• Page break before - if you wish to specify whether or not the object to which this style is applied is to have a page-break before, select the appropriate item from the drop-down list. The options are:
• NotSet(default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Always - always inserts a page break before the object.
• Auto - neither forces nor forbids a page break before the object.
• Avoid - does not allow a page break before the object.
• Left - always inserts a page break before the object if the object will otherwise be on a "left" page. I.e. this forces the object to be on a "right" page.
• Right - always inserts a page break before the object if the object will otherwise be on a "right" page. I.e. this forces the object to be on a "left" page.
• Page break after - if you wish to specify whether or not the object to which this style is applied is to have a page-break after, select the appropriate item from the drop-down list.
• NotSet(default) makes no specific setting at this level. This allows the next level up to specify the setting.
• Always - always inserts a page break after the object.
• Auto - neither forces nor forbids a page after the object.
• Avoid - does not allow a page break after the object.
• Left - always inserts a page break after the object if the object is on a "left" page.
• Right - always inserts a page break after the object if the object is on a "right" page.
• Resize - allows you to specify if a box is resizable, and in which directions.
• Box sizing - specifies how the browser is to calculating the width of an element.
• Not set - box-sizing is set by the next level up.
• Content-box - the browser calculates width and height, adding the border-width, border-height and padding to the size of the box.
• Border-box - the browser renders the box with the specified width and height, and adds the border and padding inside the box thereby reducing the area available for the text.
• Multi column - text can be arranged in multiple columns, as in a newspaper.
• Column count - type in the desired number of columns.
• Column width - type in the desired column width.
• Column gap - type in the desired gap between the columns.
• Column rule - sets the color, style, and width of the dividing lines between the columns.
• Transform - allows you to set a number of transformations on the content of the style.
• Rotate - rotates the content.
• Translate X/Y - moves the content the specified distance. + values move the content to the right, - values to the left.
• Scale X/Y - changes the scale of the style content in the X and/or Y directions.
• Skew X/Y - allows you to change the angle of the content by moving one of the edges relative to the opposite parallel edge.
• Opacity - set a percent value to make the style content opaque.