Template:Created with/layout/doc: Difference between revisions

Line 99:

:* <code>padding</code> e.g. (2px 4px 2px 6px) distance to items within the box; the first and third parameter can alter the height of the box!

* <code>color</code> (#000) the color of the text

* <code>background</code> (#F8F9FA~~) very light~~ grey~~, for~~ good readability of the ''normally black'' text

* <code>background</code> (by default #F8F9FA, a slightly darker grey to maintain good readability (high contrast with the ''normally black'' text))

* <code>border</code> (1px solid #BAB) the stroke-width, stroke-style, stroke-color; '''it is recommended to modify only that parameter'''.

Line 105:

Similarly, the '''total height''' of a box equals to <code>margin-top</code> + <code>border-top-width</code> + <code>padding-top</code> + <code>height</code> + <code>padding-bottom</code> + <code>border-bottom-width</code> + <code>margin-bottom</code>.

While ''margin'' and ''padding'' can be defined by name (e.g. <code>margin-left</code>, <code>padding-top</code>) '''or''' with one to four single parameters

While ''margin'' and ''padding'' can be defined by name (e.g. <code>margin-left</code>, <code>padding-top</code>) '''or''' with one to four single parameters:

* 1 parameter: all four

* 1 parameter: all four sides

* 2 parameters: top & bottom, right & left

* 3 parameters: top, right & left, bottom

* 4 parameters: top, right, bottom, left

~~the~~ ''borders'' and their properties can be specified only either for all four sides, or explicitly by names, e.g. <code>border:1px solid #BAB;border-right-color:#080</code>

…the ''borders'' and their properties can be specified only either for all four sides, or explicitly by names, e.g. <code>border:1px solid #BAB; border-right-color:#080</code>.

[[Category:Created with/layout-templates|*]]

</includeonly>

commons>Chealer