Definition im Head:
<style type="text/css">
<!--
#rahmen1 {
background-color: #FF0000;
margin: 10px;
padding: 5px;
top:100px;
left:100px;
z-index:1;
visibility: visible;
height: 300px;
width: 300px;
border: 1px solid #0000FF;
position: absolute;
}
-->
</style>
Aufruf im Body: <div id="rahmen1">Rahmen 1</div>
Aufruf mit Javascript: document.getElementById('rahmen1').style.visibility = hidden
| Schriftformatierung: |
font-family:arial, times font-style: italic, oblique, normal font-variant: small-caps, normal font-size: mm, pt, em, px, % font-weight:100 bis 900 font-stretch: wider, narrower, condensed,semi-condensed, gedrängt, extra-condensed, ultra-condensed, expanded, semi-expanded, extra-expanded, ultra-expanded, normal font: word-spacing: letter-spacing: text-decoration: none color: #ff0000, rgb(256,0,0), red |
| Ausrichtung/Absatzkontrolle |
text-indent: line-height: vertical-align: top, middle, bottom, sub, suber, text-top, text-bottom text-align: left, center, right, justify white-space: normal, pre, nowrap |
|
Außenabstand: margin Innenabstand: padding |
margin-top: margin-bottom: margin-left: margin-right: margin: |
|
Rahmen border oder border-top,... |
border-width: border-color: border-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset |
| Hintergrundfarben und -biler |
background-color: background-image: url() background-repeat: repeat, repeat-x, repeat-y, no repeat background-attachment: scroll, fixed background-position: 0px 0px, top,center, bottom, left, middle, right |
| Listenformatierung |
list-style-type: geordnet: decimal, lower-roman, upper-roman, lower-alpha, upper-alpha,decimal-leading-zero ungeordnet:disc, circle, square, none list-style-position: inside, outside list-style-image: url() list-style: |
| Tabellenformatierung |
table-layout: fixed, auto border-collapse: collapse, separate border-spacing: empty-cells: show, collapse |
| Positionierung und Anzeige von Elementen |
position: absolute, fixed, relative, static top: left: bottom: right: width: min-width: max-width: height: min-height: max-height: overflow: visible, hidden, scroll, auto direction: ltr, rtl float: left, right, none clear: left, right, both, none z-index: display: block, inline, list-item, marker, run-in, compact, none, table, inline-table, table-row, table-column-group visibility: hidden, visible clip: rect(links oben rechts unten) |
| Anzeigefenster |
cursor: auto, default, crosshair, crosshair, move, text,
wait, help, url() scrollbar-base-color: scrollbar-3dlight-color: scrollbar-arrow-color: scrollbar-darkshadow-color: scrollbar-face-color: scrollbar-highlight-color: scrollbar-shadow-color: scrollbar-track-color: |
