Differences

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

--- notes:css_cheat_sheet [2026/07/25 20:46]
168.228.37.140 old revision restored (2026/07/19 15:42)
+++ notes:css_cheat_sheet [2026/07/26 02:43] (current)
149.62.204.78 old revision restored (2026/07/15 19:17)
@@ Line 43: / Line 43: @@
   * CSS uses C-style comments - /* comment */ .
-==== CSS Properties ====
+==== CSS Background/Text Properties ====
   * Background properties examples <code html>
 background-color: black;
@@ Line 53: / Line 53: @@
 </code>
   * Text properties examples <code html>
+color: #00ff00/green/rgb(0,255,0) ; text-shadow:blue;
+text-align: center/justify ; text-indent: 1cm;
+letter-spacing: 0.5cm/-3px ; line-height: 200%;
+white-space: nowrap ; word-spacing: 30px
+text-decoration: overline/line-through/underline/blink/none
+text-transform: uppercase/lowercase/capitalize
+</code>
+  * Font properties examples <code html>
+font-family: times/sans-serif ; font-size: 130%
+font-size-adjust: 0.60 ; font-variant: small-caps
+font-style: italic/oblique ; font-stretch: wider
+font-weight: bold/900
+font: italic small-caps 900 12px arial
+font: caption/icon/menu/message-box/small-caption/status-bar </code>
+==== 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>

DokuWiki

Site Tools

Differences

Page Tools