Export (0) Print
Expand All
Expand Minimize

Position Dialog Box

The Position dialog box lets you define cascading style sheet (CSS) style attributes that you can use to position an HTML element on the page. You can apply these attributes either directly to HTML elements or add them to CSS style rules.

You can access the Position dialog box by the following methods:

  • In Design view, select Position from the Format menu.

If the selected page element does not have any CSS rules applied to it, the style rule is created as an inline style. If a CSS style rule exists for the page element, the style information is written to the existing style rule.

NoteNote

Inline style rules override style rules that are in a style element on the page or style rules that are in an external CSS file.

Wrapping style

Sets the float attribute for a page element. For example, if you select Left, the following CSS style rule is added:

float: left;

NoteNote

   When the attribute None is selected, no code is added to the style rule.

Positioning style

Sets the position attribute for a page element. Select Relative when you want to specify top and left positions for an element relative to its position in the normal flow. You can also specify height and width.

An element's normal flow is its position before the style is applied. Select Absolute when you want to specify absolute top position, absolute left position, Z-index, height, and width for an element. Typically, you position elements absolutely that you want to anchor to a specific position.

For example, if you select Relative, the following CSS style rule is added:

position: relative;

NoteNote

When the attribute None is selected, no code is added to the style rule.

Location and size

When Positioning style is set to Absolute or Relative, sets the location and size of a page element. The values for Left, Right, Top, and Bottom determine where the page element is positioned on the page. The values for Width and Height determine the size of the page element. Z-Order determines whether the page element overlaps other page elements.

Community Additions

ADD
Show:
© 2014 Microsoft