HTML Wrap macro key and configuration options.

Key

html-wrap

ParameterDescriptionValue(s)Example(s)
HTML Elementdefines the type of HTML element to act as the wrapper
  • div
  • span
  • div
CSS IDfacilitates styling HTML elements using a CSS ID attribute
  • CSS ID attribute

  • my-css-id

CSS Classfacilitates styling HTML elements using one or more CSS class names
  • CSS class name(s)

  • my-css-class01 my-css-class02

Heightdefines the height of the HTML element
  • pixels

  • 200px

Widthdefines the width of the HTML element
  • pixels

  • 200px

Margincreates space around the HTML element
  • pixels

  • 6px 12px 6px 12px

Paddingcreates space within the element's border
  • pixels

  • 6px 12px 6px 12px

Background Color

defines the color behind content wrapped by the HTML element

  • CSS value

  • black

  • #124A94

Background Imagedefines a file name (attached to the current page) to show as a background image
  • file name

  • my-image.png

Background Image Positiondefines the position value for the background image
  • CSS values

  • 50% 50%

  • bottom right

Background Image Repeatdefines the repeat value for the background image
  • repeat
  • repeat-x
  • repeat-y
  • no-repeat

  • no-repeat

Border Widthdefines the size of the element's borders
  • pixel

  • 3px

Border Style

defines the type of line to use for the element's borders

  • solid
  • dotted
  • dashed
  • double

  • solid

Border Color

defines the color of the element's borders

  • CSS value
  • Theme Press value

  • black

Border Sidedefines which side of the HTML element to show a border
  • all
  • top
  • right
  • bottom
  • left

  • all

Floatpushes the HTML element to the left or right of its respective content
  • none
  • left
  • right

  • right

Clear

defines how to manage floating elements located to the left or right of this HTML element:

  • allow floating elements on the left and right
  • clear floating elements on left and right
  • clear floating elements on the left
  • clear floating elements on the right
  • none
  • both
  • left
  • right

  • both

Hidetoggles the visibility of the macro's content and effects; used in conjunction with the Restrict Content macro when displaying a consolation prize
  • checkmark

 

 

If using:

  1. Replace me with something to note about the content on this page that falls outside the scope of the Reference section; and
  2. Add the tight-bottom class to the Reference block above to narrow the gap between the two blocks.