User:Verisimilar: Difference between revisions

From RPTools Wiki
Jump to navigation Jump to search
VisualWikitext
(New page: Work in progress. Building HTML/CSS information here. A lot of this information can be found elsewhere on the internet, but it shouldn't hurt to have it here. Possible name: Supported HT...)
 
No edit summary
Line 23: Line 23:


===Font Elements===
===Font Elements===
====Test subsub====


==CSS==
----
----
----
----
==BEGIN CSS PAGE/SECTION==
----
----
----
----
MapTool supports a subset of the CSS level 1 specification. These styles can be used in-line, and also as external styles within dialogs and frames. This is not meant to be an exhaustive reference, nor an introduction to CSS, this page is only a collection of which properties are supported and to what extent.
MapTool supports a subset of the CSS level 1 specification. These styles can be used in-line, and also as external styles within dialogs and frames. This is not meant to be an exhaustive reference, nor an introduction to CSS, this page is only a collection of which properties are supported and to what extent.


==Font Properties==
==Font Properties==
===font===
===font===
This is a short description.
{|
{|
|'''Value:'''||font-style, font-weight, font-size, font-family
|'''Value:'''||font-style, font-weight, font-size, font-family
Line 41: Line 47:
|-
|-
|'''Relative Size:'''|| only font-size
|'''Relative Size:'''|| only font-size
|-
|'''Example:'''||
<source lang="css">
font: bold italic 12pt Arial, Helvetica, sans-serif;
</source>
|}
|}
<source lang="css" line>
font: bold italic 12pt Arial, Helvetica, sans-serid;
</source>
----
----
===font-family===
===font-family===
This is a short description.
{|
{|
|'''Value:'''||family-name, generic-name
|'''Value:'''||''family-name'', ''generic-name''
|-
|-
|'''Initial:'''|| system default
|'''Initial:'''|| system default
Line 58: Line 66:
|-
|-
|'''Relative Size:'''|| N/A
|'''Relative Size:'''|| N/A
|-
|'''Example:'''||
<source lang="css">
font-family: Arial, Helvetica, sans-serif;
</source>
|}
|}
----
----
===font-size===
===font-size===
This is a short description.
{|
{|
|'''Value:'''||absolute-size, relative-size, length, percentage
|'''Value:'''||''absolute-size'', ''relative-size'', ''length'', ''percentage''
|-
|-
|'''Initial:'''|| medium
|'''Initial:'''|| medium
Line 72: Line 85:
|-
|-
|'''Relative Size:'''|| Yes, relative to parent element's font-size
|'''Relative Size:'''|| Yes, relative to parent element's font-size
|-
|'''Example:'''||
<source lang="css">
font-size: 12pt;
</source>
|}
|}
----
----
===font-style===
===font-style===
This is a short description.
{|
{|
|'''Value:'''||normal, italic, oblique
|'''Value:'''||normal, italic, oblique
Line 86: Line 104:
|-
|-
|'''Relative Size:'''|| N/A
|'''Relative Size:'''|| N/A
|-
|'''Example:'''||
<source lang="css">
font-style: italic;
</source>
|}
|}
----
----
===font-weight===
===font-weight===
This is a short description.
{|
{|
|'''Value:'''||normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900
|'''Value:'''||normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900
Line 100: Line 123:
|-
|-
|'''Relative Size:'''|| N/A
|'''Relative Size:'''|| N/A
|-
|'''Example:'''||
<source lang="css">
font-weight: bold;
</source>
|}
|}


==Color and Background Properties==
==Color and Background Properties==
===color===
===color===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''color name'', ''color code''
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| element specific
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
|-
|-
|'''Inherited:'''|| no
|'''Inherited:'''|| yes
|-
|'''Relative Size:'''|| N/A
|-
|-
|'''Relative Size:'''|| Yes
|'''Example:'''||
<source lang="css">
color: #FF0000;
</source>
|}
|}
----
----
===background===
===background===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||background-color, background-image, background-repeat, background-position
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| none
Line 128: Line 161:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
background: #0000FF url(image.jpg) no-repeat right top;
</source>
|}
|}
----
----
===background-color===
===background-color===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''color name'', ''color code''
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| transparent
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 142: Line 180:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| N/A
|-
|'''Example:'''||
<source lang="css">
background-color: #0000FF;
</source>
|}
|}
----
----
===background-image===
===background-image===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||none, ''url''
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| none
Line 156: Line 199:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| N/A
|-
|'''Example:'''||
<source lang="css">
background-image: url(image.jpg);
</source>
|}
|}
----
----
===background-repeat===
===background-repeat===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||repeat, repeat-x, repeat-y, no-repeat
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| repeat
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 170: Line 218:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| N/A
|-
|'''Example:'''||
<source lang="css">
background-repeat: no-repeat;
</source>
|}
|}
----
----
===background-position===
===background-position===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||top, center, bottom, left, center, right
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| top left
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| block-level and replaced elements
|-
|-
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|}
----
===background-repeat===
This is a short description.
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|-
|-
|'''Initial:'''|| none
|'''Example:'''||
|-
<source lang="css">
|'''Applies To:'''|| all elements
background-position: bottom right;
|-
</source>
|'''Inherited:'''|| no
|-
|'''Relative Size:'''|| Yes
|}
|}


==Text Properties==
==Text Properties==
===text-align===
===text-align===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||left, right, center
|-
|'''Initial:'''|| element specific
|-
|-
|'''Initial:'''|| none
|'''Applies To:'''|| block-level elements
|-
|-
|'''Applies To:'''|| all elements
|'''Inherited:'''|| yes
|-
|-
|'''Inherited:'''|| no
|'''Relative Size:'''|| N/A
|-
|-
|'''Relative Size:'''|| Yes
|'''Example:'''||
<source lang="css">
text-align: right;
</source>
|}
|}
----
----
===text-decoration===
===text-decoration===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||none, underline, line-through
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| none
Line 227: Line 276:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
text-decoration: line-through;
</source>
|}
|}
----
----
===vertical-align===
===vertical-align===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||baseline, sub, super
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| baseline
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| inline elements
|-
|-
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
vertical-align: super;
</source>
|}
|}


==Box Properties==
==Box Properties==
===border-style===
===border-style===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||none, inset, outset
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| none
Line 256: Line 315:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| N/A
|-
|'''Example:'''||
<source lang="css">
border-style: inset;
</source>
|}
|}
----
----
===margin===
===margin===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length'', auto
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| none
Line 270: Line 334:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
margin: 10px;
</source>
|}
|}
----
----
===margin-top===
===margin-top===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length'', auto
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| 0
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 284: Line 353:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
margin-top: 10px;
</source>
|}
|}
----
----
===margin-right===
===margin-right===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length'', auto
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| 0
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 298: Line 372:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
margin-right: 10px;
</source>
|}
|}
----
----
===margin-bottom===
===margin-bottom===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length'', auto
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| 0
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 312: Line 391:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
margin-bottom: 10px;
</source>
|}
|}
----
----
===margin-left===
===margin-left===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length'', auto
|-
|'''Initial:'''|| 0
|-
|'''Applies To:'''|| all elements
|-
|-
|'''Initial:'''|| none
|'''Inherited:'''|| no
|-
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
margin-left: 10px;
</source>
|}
----
===padding===
{|
|'''Value:'''||''length''
|-
|'''Initial:'''|| 0
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 326: Line 429:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
padding: 10px;
</source>
|}
|}
----
----
===padding-top===
===padding-top===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length''
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| 0
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 340: Line 448:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
padding-top: 10px;
</source>
|}
|}
----
----
===padding-right===
===padding-right===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length''
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| 0
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 354: Line 467:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
padding-right: 10px;
</source>
|}
|}
----
----
===padding-bottom===
===padding-bottom===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length''
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| 0
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 368: Line 486:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
padding-bottom: 10px;
</source>
|}
|}
----
----
===padding-left===
===padding-left===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||''length''
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| 0
|-
|-
|'''Applies To:'''|| all elements
|'''Applies To:'''|| all elements
Line 382: Line 505:
|'''Inherited:'''|| no
|'''Inherited:'''|| no
|-
|-
|'''Relative Size:'''|| Yes
|'''Relative Size:'''|| no
|-
|'''Example:'''||
<source lang="css">
padding-left: 10px;
</source>
|}
|}


==Classification Properties==
==Classification Properties==
===list-style-type===
===list-style-type===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||none, disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha
|-
|-
|'''Initial:'''|| none
|'''Initial:'''|| disc
|-
|'''Applies To:'''|| list-item elements
|-
|-
|'''Applies To:'''|| all elements
|'''Inherited:'''|| yes
|-
|-
|'''Inherited:'''|| no
|'''Relative Size:'''|| N/A
|-
|-
|'''Relative Size:'''|| Yes
|'''Example:'''||
<source lang="css">
list-style-type: square;
</source>
|}
|}
----
----
===list-style-position===
===list-style-position===
This is a short description.
{|
{|
|'''Value:'''||none, dotted, dashed, solid, double, groove, ridge, inset, outset
|'''Value:'''||inside, outside
|-
|'''Initial:'''|| outside
|-
|-
|'''Initial:'''|| none
|'''Applies To:'''|| list-item elements
|-
|-
|'''Applies To:'''|| all elements
|'''Inherited:'''|| yes
|-
|-
|'''Inherited:'''|| no
|'''Relative Size:'''|| N/A
|-
|-
|'''Relative Size:'''|| Yes
|'''Example:'''||
<source lang="css">
list-style-position: inside;
</source>
|}
|}

Revision as of 20:03, 5 March 2009

Work in progress.

Building HTML/CSS information here. A lot of this information can be found elsewhere on the internet, but it shouldn't hurt to have it here.

Possible name: Supported HTML and CSS

Possible location: unknown, I'll ask Craig

HTML

Short intro goes here. 

Unless otherwise noted, relative units(i.e. 50%) are not supported.

Top-level Elements

Head Elements

Block-level Elements

List Elements

Table Elements

Form Elements

Font Elements

BEGIN CSS PAGE/SECTION

MapTool supports a subset of the CSS level 1 specification. These styles can be used in-line, and also as external styles within dialogs and frames. This is not meant to be an exhaustive reference, nor an introduction to CSS, this page is only a collection of which properties are supported and to what extent.

Font Properties

font

Value: font-style, font-weight, font-size, font-family
Initial: none
Applies To: all elements
Inherited: yes
Relative Size: only font-size
Example: 
font: bold italic 12pt Arial, Helvetica, sans-serif;

font-family

Value: family-name, generic-name
Initial: system default
Applies To: all elements
Inherited: yes
Relative Size: N/A
Example: 
font-family: Arial, Helvetica, sans-serif;

font-size

Value: absolute-size, relative-size, length, percentage
Initial: medium
Applies To: all elements
Inherited: yes
Relative Size: Yes, relative to parent element's font-size
Example: 
font-size: 12pt;

font-style

Value: normal, italic, oblique
Initial: normal
Applies To: all elements
Inherited: yes
Relative Size: N/A
Example: 
font-style: italic;

font-weight

Value: normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900
Initial: normal
Applies To: all elements
Inherited: yes
Relative Size: N/A
Example: 
font-weight: bold;


Color and Background Properties

color

Value: color name, color code
Initial: element specific
Applies To: all elements
Inherited: yes
Relative Size: N/A
Example: 
color: #FF0000;

background

Value: background-color, background-image, background-repeat, background-position
Initial: none
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
background: #0000FF url(image.jpg) no-repeat right top;

background-color

Value: color name, color code
Initial: transparent
Applies To: all elements
Inherited: no
Relative Size: N/A
Example: 
background-color: #0000FF;

background-image

Value: none, url
Initial: none
Applies To: all elements
Inherited: no
Relative Size: N/A
Example: 
background-image: url(image.jpg);

background-repeat

Value: repeat, repeat-x, repeat-y, no-repeat
Initial: repeat
Applies To: all elements
Inherited: no
Relative Size: N/A
Example: 
background-repeat: no-repeat;

background-position

Value: top, center, bottom, left, center, right
Initial: top left
Applies To: block-level and replaced elements
Inherited: no
Relative Size: no
Example: 
background-position: bottom right;


Text Properties

text-align

Value: left, right, center
Initial: element specific
Applies To: block-level elements
Inherited: yes
Relative Size: N/A
Example: 
text-align: right;

text-decoration

Value: none, underline, line-through
Initial: none
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
text-decoration: line-through;

vertical-align

Value: baseline, sub, super
Initial: baseline
Applies To: inline elements
Inherited: no
Relative Size: no
Example: 
vertical-align: super;


Box Properties

border-style

Value: none, inset, outset
Initial: none
Applies To: all elements
Inherited: no
Relative Size: N/A
Example: 
border-style: inset;

margin

Value: length, auto
Initial: none
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
margin: 10px;

margin-top

Value: length, auto
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
margin-top: 10px;

margin-right

Value: length, auto
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
margin-right: 10px;

margin-bottom

Value: length, auto
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
margin-bottom: 10px;

margin-left

Value: length, auto
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
margin-left: 10px;

padding

Value: length
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
padding: 10px;

padding-top

Value: length
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
padding-top: 10px;

padding-right

Value: length
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
padding-right: 10px;

padding-bottom

Value: length
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
padding-bottom: 10px;

padding-left

Value: length
Initial: 0
Applies To: all elements
Inherited: no
Relative Size: no
Example: 
padding-left: 10px;


Classification Properties

list-style-type

Value: none, disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha
Initial: disc
Applies To: list-item elements
Inherited: yes
Relative Size: N/A
Example: 
list-style-type: square;

list-style-position

Value: inside, outside
Initial: outside
Applies To: list-item elements
Inherited: yes
Relative Size: N/A
Example: 
list-style-position: inside;
Retrieved from "https://wiki.rptools.info/index.php?title=User:Verisimilar&oldid=967"