Home Misc Index
  Block style demo
 P van Diemen
 
Page properties
Color (foreground):
background-color:
font family:
font-size:pt
font-weight:
line-height:pt
word-spacing:em
letter-spacing:em
 
 
See HTML Colors for more on colors
 
See HTML Fonts for more on fonts

Above allows you to alter the representation of the whole page.
The selectable fonts are all 'generic' –except for 'Script'– to give a general impression.  Font size is only of value for initial setting as most browsers allow you to increase or decrease font size.  Word spacing and letter spacing are rather obscure options;  their value (fraction) is relative to the width of the letter 'm' and can be negative.
 

Table propertiestoprightbottomleft
margin: (size) px px px px
border-width: px px px px
border-style:
border-color:
padding: (size) px px px px
background-color:
CellSpacing:px
CellPadding:px
Border collapse:
Cell properties toprightbottomleft
margin: (size) px px px px
border-width: px px px px
border-style:
border-color:
padding: (size) px px px px
background-color:
color: (foreground)

Top text
Cell text
Bottom text
Outer block tag: Inner block tag:  

Remarks

This page demonstrates the use of 'block attributes' like margin, border (width­/style­/color), padding and foreground-/background-color.  Colors are by default 'transparent';  however as the script needs a hex value, they are initialized with the page background color.

Demo 1:  Table and Cells

Demo 2:  General

The attributes are not effectuated at (re-)load, so that layout is 'default' (so default layout can be achieved anytime by 'refresh').  When an attribute is changed, all attributes in the same line (top/right/bottom/left) will be set to both demos (Table/Cell & General).
Padding of the outer block has the same effect as Margin of the inner block.


=O=