Site Tools


notes:css_cheat_sheet

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
notes:css_cheat_sheet [2026/06/10 22:17]
197.210.226.122 old revision restored (2026/05/28 18:47)
notes:css_cheat_sheet [2026/06/13 15:14] (current)
101.47.25.233 old revision restored (2026/06/03 02:21)
Line 43: Line 43:
   * CSS uses C-style comments - /* comment */ .   * CSS uses C-style comments - /* comment */ .
  
-==== CSS Background/Text Properties ====+==== CSS Properties ====
   * Background properties examples <code html>   * Background properties examples <code html>
 background-color: black; background-color: black;
Line 61: Line 61:
 </code> </code>
   * Font properties examples <code html>   * Font properties examples <code html>
-font-familytimes/sans-serif ; font-size: 130%+font-familytimes/sans-serif ; font-size: 130%
 font-size-adjust: 0.60 ; font-variant: small-caps font-size-adjust: 0.60 ; font-variant: small-caps
-font-style: italic/oblique ; font-stretch: wider+font-style: italic/normal/oblique
 font-weight: bold/900 font-weight: bold/900
-font: italic small-caps 900 12px arial +font: italic small-caps 900 12px arial </code> 
-font: caption/icon/menu/message-box/small-caption/status-bar </code> +font: caption/icon/menu/message-box/small-caption/status-bar 
-==== CSS Border/List Properties ==== +
-  * Border properties examples (btlr=bottom/top/left/right. An outline occurs outside of the border. <code html> +
-border-style: medium/solid/double/groove/dotted/dashed/inset/outset; +
-border-btlr: width style color ; border-btlr-style +
-border-width:5px ; border-btlr-width: thick +
-border-color: color x 4; border-btlr-color +
-outline-color/style/width ; outline:color style width</code> +
-  * A margin describes space around the element. Padding defines the space between border and content.<code html> +
-margin: width x 4 (trbl); margin-btlr +
-padding: width x 4 (trbl); padding-btlr</code> +
-  * List properties examples <code html> +
-list-style-type: disc/circle/square/none +
-list-style-type: lower/upper-roman/alpha / decimal +
-list-style-image: url('a.gif'+
-list-style-position: inside/outside +
-list-style: type position image</code> +
-  * Table properties examples <code html> +
-table-layout: automatic/fixed; +
-border-collapse:collapse/separate; empty-cells:show/hide +
-border-spacing: width x 2;caption-side: btlr +
-</code>+
notes/css_cheat_sheet.1781155045.txt.gz · Last modified: 2026/06/10 22:17 by 197.210.226.122