This page is under construction The INTERNAL stylesheetBack
WidthSet the width of a element css width [E + -] Width: 5emHeightSet the height of a element css height [E + -] Height: 10emExample The current size is width:10em and height:4em Here I have set a width of 5em and a height of 10em
The quick brown fox jumps over the lazy dog
width: 5em; height: 10em; FontNote: most mobiles will only show a few of these options Font style This selects normal oritalic (slanting) text [E + -] Font style: Italicfont-style: italic; Font thickness(font weight) most browsers only use normal and bold None Lighter Bold Bolder 100 200 300 400 500 600 700 800 900 [E + -] Font thickness: Boldfont-weight:700;Font size You can set the size of the font in a variety of ways Most mobiles will only use a maximum of three sizessize .5em size .75em size 1em size 1.25em size 1.5em size 1.75em size 2em[E + -] Font size: 1.5emfont-size:1.5em; Font This will not have any effect on most mobiles Set the font for the class [E + -] Font: "comic sans MS"font-family: "comic sans MS";Font shorthand You can combine all of the above font properties into one property plus line height (/2) in this example you can set this in "custom css"[E + -] font: italic bold 1.5em/2 arial, Helvetica, sans-serif;font: italic bold 1.5em/2 arial, Helvetica, sans-serif;Font shorthandMargin & Paddingcss margin and padding Margin and padding are basically the same except margin refers to the space outside an element, and padding refers to the space inside the element
You can use any of the css sizes also you can use negative values You can set 1 (all sides) 2 (top and bottom left and right) or 4 values (top right bottom left) [E + -] Margin: 4px auto
[E + -] Padding: 4px 0Or you can set each side [E + -] Margin-Top: 4px
[E + -] Padding-right: 4pxmargin-top: 4px; padding-right: 4px;PositionHow to position elements on the page Position page TextText color Set the text color of the element use the selection menu or
The quick brown fox jumps over the lazy dog
;color:green; Text align only has any effect on block level elements like <div> and <p> The only setting that is not instantly easy to understand is justify which stretches the lines so that each line has equal width (like in newspapers and magazines)
the quick brown fox jumps over the lazy dog red lorry yellow lorry
.textalign {text-align: left; }
the quick brown fox jumps over the lazy dog red lorry yellow lorry
.textalign {text-align: center; }
the quick brown fox jumps over the lazy dog red lorry yellow lorry
.textalign {text-align: right; }
the quick brown fox jumps over the lazy dog red lorry yellow lorry
.textalign {text-align: justify; }
Text decorationoverline.textdec {text-decoration: overline; }line through.textdec {text-decoration: line-through; }underline.textdec {text-decoration: underline; }blink.textdec {text-decoration: blink; }none (used to remove underline from links).textdec {text-decoration: none; }Transformation capitalize - Capitalises The First Letter Of Every Word. uppercase - FORCES EVERY LETTER INTO UPPERCASE. lowercase - forces every letter into lowercase. none (default) text-transform: uppercase; Wrapping (white-space) css white-space determines how spaces in text are treated Custom css This is where you can add styles not covered by the other options Back
