Basic |
||
Size and Position |
||
Width | Unit | Width of the element. |
Height | Unit | Height of the element. |
Top | Unit | Offset from the top. |
Left | Unit | Offset from the left. |
Bottom | Unit | Offset from the bottom. |
Right | Unit | Offset from the right. |
Position | Select | absolute – Element is positioned relatively to its parent element. relative – Element is positioned relatively to its position in the flow of its parent’s content. |
Fill |
||
Color | Color | Color to use as the background of the element. Can also be set via Home > Fill Color. |
Image | Media | Image to use as the background of the element. |
Borders |
||
Style | Select | none – No border is shown. solid – Border is a solid line. dotted – Border is a dotted line. dashed – Border is a dashed line. double – Border is a double solid line. groove – 3d groove, in colors based on <Borders / Color>. ridge – 3d ridge, in colors based on <Borders / Color>. inset – 3d inset, in colors based on <Borders / Color>. outset – 3d outset, in colors based on <Borders / Color>. Can also be set via Home > Border Style. |
Width | Unit | Thickness of the border. Only relevant when <Borders / Style> is other than none. Can also be set via Home > Border Width. |
Color | Color | Border color. Can also be set via Home > Border Color. |
Normal |
||
Fill |
||
Repeat | Select | yes – <Fill / Image> is tiled horizontally and vertically, to fit the element’s size. no – <Fill / Image> is not tiled. horizontal – <Fill / Image> is tiled horizontally, to fit the element’s width. vertical – <Fill / Image> is tiled vertically, to fit the element’s height. |
Image Align X | Select | left – Align <Fill / Image> to the left of the element. center – Align <Fill / Image> to the center of the element, horizontally. right – Align <Fill / Image> to the right of the element. |
Image Align Y | Select | top – Align <Fill / Image> to the top of the element. center – Align <Fill / Image> to the center of the element, vertically. bottom – Align <Fill / Image> to the bottom of the element. |
Padding and Margin |
||
Padding | Unit | Padding of the element, between its edges and its contents. |
Margin | Unit | Margin of the element from the content surrounding it. |
Overflow and Scroll |
||
Vertical Overflow | Select | visible – Content exceeding the height of the element is not clipped, and a vertical scrollbar is not added. scroll – A vertical scrollbar is added, and content exceeding the height of the element is clipped. hidden – Content exceeding the height of the element is clipped, and a vertical scrollbar is not added. auto – Content exceeding the height of the element is clipped, and a vertical scrollbar is added when necessary. |
Horizontal Overflow | Select | visible – Content exceeding the width of the element is not clipped, and a horizontal scrollbar is not added. scroll – A horizontal scrollbar is added, and content exceeding the width of the element is clipped. hidden – Content exceeding the width of the element is clipped, and a horizontal scrollbar is not added. auto – Content exceeding the width of the element is clipped, and a horizontal scrollbar is added when necessary. |
Visibility and Z-Order |
||
Visibility | Select | inherit – Element inherits its visibility from its parent element. visible – Element is visible. hidden – Element is invisible. |
Z Index | Number | A number indicating the element’s position in the stacking order. An element with a higher number is displayed above an element with a lower number. |
Float |
||
Float | Select | none – Element is displayed in its position in its parent’s content flow. left – Content of the parent element flows to the left of the element. right – Content of the parent element flows to the right of the element. |
Misc |
||
Direction | Select | ltr – Content flows from left to right. rtl – Content flows from right to left. Can also be set via Home > Writing Direction. |
Mouse Cursor | Select | all-scroll – Arrows pointing up, down, left, and right with a dot in the middle, indicating that the page can be scrolled in any direction. auto – Automatically determine which cursor to display based on the current context. col-resize – Arrows pointing left and right with a vertical bar separating them, indicating an item/column can be resized horizontally. crosshair – A cross-hair. default – The default system cursor. hand – Hand with the first finger pointing up, indicating pressing the element will result in an action. help – Arrow with question mark, indicating help is available. move – Crossed arrows, indicating the element is to be moved. no-drop – Hand with a small circle with a line through it, indicating that the dragged item cannot be dropped over the element. not-allowed – Circle with a line through it, indicating an action is not allowed. progress – Arrow with an hourglass next to it, indicating that a process is running in the background. row-resize – Arrows pointing up and down with a horizontal bar separating them, indicating an item/row can be resized vertically. text – A vertical I-bar, indicating the text is editable. vertical-text – A horizontal I-bar, indicating the text is editable. wait – An hourglass, indicating a process is currently running. N-resize – North pointing arrow, indicating an item can be resized. NE-resize – North-east pointing arrow, indicating an item can be resized. NW-resize – North-west pointing arrow, indicating an item can be resized. S-resize – South pointing arrow, indicating an item can be resized. SE-resize – South-east pointing arrow, indicating an item can be resized. SW-resize – South-west pointing arrow, indicating an item can be resized. E-resize – East pointing arrow, indicating an item can be resized. W-resize – West pointing arrow, indicating an item can be resized. |
Advanced |
||
Fill |
||
Image Position X | Unit | Horizontal position of <Fill / Image>, according to <Fill / Image Align X>. |
Image Position Y | Unit | Vertical position of <Fill / Image>, according to <Fill / Image Align Y>. |
Borders |
||
Top Style | Select | Same as <Borders / Style>, affecting only the top section of the border. |
Top Width | Unit | Thickness of the top section of the border. Only relevant when <Borders / Top Style> is other than none. |
Top Color | Color | Color of the top section of the border. |
Right Style | Select | Same as <Borders / Style>, affecting only the right section of the border. |
Right Width | Unit | Thickness of the right section of the border. Only relevant when <Borders / Right Style> is other than none. |
Right Color | Color | Color of the right section of the border. |
Bottom Style | Select | Same as <Borders / Style>, affecting only the bottom section of the border. |
Bottom Width | Unit | Thickness of the bottom section of the border. Only relevant when <Borders / Bottom Style> is other than none. |
Bottom Color | Color | Color of the bottom section of the border. |
Left Style | Select | Same as <Borders / Style>, affecting only the left section of the border. |
Left Width | Unit | Thickness of the left section of the border. Only relevant when <Borders / Left Style> is other than none. |
Left Color | Color | Color of the left section of the border. |
Padding and Margin |
||
Padding Top | Unit | Padding of the element, between its top edge and its contents. |
Padding Right | Unit | Padding of the element, between its right edge and its contents. |
Padding Bottom | Unit | Padding of the element, between its bottom edge and its contents. |
Padding Left | Unit | Padding of the element, between its left edge and its contents. |
Margin Top | Unit | Margin of the element from the content to the top of it. |
Margin Right | Unit | Margin of the element from the content to the right of it. |
Margin Bottom | Unit | Margin of the element from the content to the bottom of it. |
Margin Left | Unit | Margin of the element from the content to the left of it. |
Float |
||
Clear | Select | none – Element can be displayed alongside floating content. left – Element is moved below any floating content on its left. right – Element is moved below any floating content on its right. both – Element is moved below any floating content. |
Line Alignment | Select | top – Vertically aligns text lines to the top. bottom – Vertically aligns text lines to the bottom. |