CINXE.COM

CSS-Referenz - Webkompetenz

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>CSS-Referenz - Webkompetenz</title> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/init.combined.js"></script> <script type="text/javascript"> var URL_HOST = 'www.wikidot.com'; var URL_DOMAIN = 'wikidot.com'; var USE_SSL = true ; var URL_STATIC = 'http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327'; // global request information var WIKIREQUEST = {}; WIKIREQUEST.info = {}; WIKIREQUEST.info.domain = "webkompetenz.wikidot.com"; WIKIREQUEST.info.siteId = 111331; WIKIREQUEST.info.siteUnixName = "webkompetenz"; WIKIREQUEST.info.categoryId = 619075; WIKIREQUEST.info.themeId = 137278; WIKIREQUEST.info.requestPageName = "html-handbuch:css-referenz"; OZONE.request.timestamp = 1734888632; OZONE.request.date = new Date(); WIKIREQUEST.info.lang = 'de'; WIKIREQUEST.info.pageUnixName = "html-handbuch:css-referenz"; WIKIREQUEST.info.pageId = 4580933; WIKIREQUEST.info.lang = "de"; OZONE.lang = "de"; var isUAMobile = !!/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); </script> <script type="text/javascript"> require.config({ baseUrl: URL_STATIC + '/common--javascript', paths: { 'jquery.ui': 'jquery-ui.min', 'jquery.form': 'jquery.form' } }); </script> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="de"/> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/WIKIDOT.combined.js"></script> <style type="text/css" id="internal-style"> /* modules */ /* theme */ @import url(http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--theme/base/css/style.css); @import url(http://webkompetenz.wdfiles.com/local--theme/wk-sm-2012/style.css); </style> <link rel="shortcut icon" href="/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="/common--images/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/common--images/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/common--images/apple-touch-icon-114x114.png" /> <link rel="alternate" type="application/wiki" title="Edit this page" href="javascript:WIKIDOT.page.listeners.editClick()"/> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18234656-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); _gaq.push(['old._setAccount', 'UA-68540-5']); _gaq.push(['old._setDomainName', 'none']); _gaq.push(['old._setAllowLinker', true]); _gaq.push(['old._trackPageview']); _gaq.push(['userTracker._setAccount', 'UA-1315394-11']); _gaq.push(['userTracker._trackPageview']); </script> <script type="text/javascript"> window.google_analytics_uacct = 'UA-18234656-1'; window.google_analytics_domain_name = 'none'; </script> <link rel="manifest" href="/onesignal/manifest.json" /> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" acync=""></script> <script> var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({ appId: null, }); }); </script> <script data-cfasync="false">window.nitroAds=window.nitroAds||{createAd:function(){return new Promise(e=>{window.nitroAds.queue.push(["createAd",arguments,e])})},addUserToken:function(){window.nitroAds.queue.push(["addUserToken",arguments])},queue:[]};</script> <script data-cfasync="false" async src="https://s.nitropay.com/ads-143.js"></script> </head> <body id="html-body"> <div id="skrollr-body"> <a name="page-top"></a> <!-- side slide skyscraper --> <div id="wad-tier3-side-slide" class="wd-adunit wd-ad-np wd-adunit-side_slide"></div> <script> $j( function(){ var $c = $j('#container'); var s = $j(window).width() - ($c.width()+$c.offset().left); var ri = s - 180; var $o = $j('#wad-tier3-side-slide'); if( s > 200 ) { $o.css('right', ri + 'px'); window['nitroAds'].createAd('wad-tier3-side-slide', { "refreshLimit": 10, "refreshTime": 85, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 160, 600 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); } else { $o.remove(); } }); </script> <div id="container-wrap-wrap"> <div id="container-wrap"> <div id="container"> <div id="header"> <h1><a href="/"><span>Webkompetenz</span></a></h1> <h2><span>Geschriebenes und Dahingeschriebenes von Stefan Münz</span></h2> <!-- google_ad_section_start(weight=ignore) --> <div id="search-top-box" class="form-search"> <form id="search-top-box-form" action="dummy" class="input-append"> <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="Auf der Site suchen" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="Suchen"/> </form> </div> <div id="top-bar"> <ul> <li><a href="/start">Startseite</a></li> <li><a href="/blog">Blog</a></li> <li><a href="javascript:;">HTML5-Handbuch ▼</a> <ul> <li><a href="/docs:html-handbuch">Startseite</a></li> <li><a href="/html-handbuch:intro">Intro</a></li> <li><a href="/html-handbuch:html-dokumente">HTML-Dokumente</a></li> <li><a href="/html-handbuch:kopfdaten">Dokument-Kopfdaten</a></li> <li><a href="/html-handbuch:text">Textstrukturierung</a></li> <li><a href="/html-handbuch:tabellen">Tabellen</a></li> <li><a href="/html-handbuch:links">Hyperlinks</a></li> <li><a href="/html-handbuch:media">Grafik und Multimedia</a></li> <li><a href="/html-handbuch:formulare">Formulare und Interaktion</a></li> <li><a href="/html-handbuch:mikrodaten-attribute">Mikrodaten und globale Attribute</a></li> <li><a href="/html-handbuch:xhtml">HTML und XHTML</a></li> <li><a href="/html-handbuch:veraltet">Veraltetes HTML</a></li> <li><a href="/html-handbuch:css">Cascading Stylesheets (CSS)</a></li> <li><a href="/html-handbuch:css-eigenschaften">CSS-Eigenschaften</a></li> <li><a href="/html-handbuch:scripting">HTML und Scripting</a></li> <li><a href="http://www.stefan-muenz.de/HTML5-Handbuch/jQuery">Einführung in jQuery</a></li> <li><a href="/html-handbuch:html-referenz">HTML-Referenz</a></li> <li><a href="/html-handbuch:css-referenz">CSS-Referenz</a></li> <li><a href="/html-handbuch:referenz">Diverse Referenzen</a></li> </ul> </li> <li><a href="javascript:;">Diverses ▼</a> <ul> <li><a href="/docs:start">Übersicht</a></li> <li><a href="/docs:mikroformate">Mikroformate</a></li> <li><a href="/docs:ajax">Ajax</a></li> <li><a href="/docs:hypertext">Hypertext</a></li> <li><a href="/docs:selfhtml">SELFHTML-Artikel</a></li> <li><a href="/docs:print">Print-Artikel</a></li> <li><a href="/docs:interviews">Interviews</a></li> <li><a href="/docs:webseiten-professionell">Webseiten professionell</a></li> <li><a href="http://webkompetenz.wikidot.com/forum/c-84184/forum">Forum</a></li> </ul> </li> <li><a href="javascript:;">Seite ▼</a> <ul> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.printClick(event)">Drucken</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="window.location.href='/talk:'+WIKIREQUEST.info.pageUnixName">Diskutieren</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.historyClick(event)">Ältere Versionen</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.viewSourceClick(event)">Seitenquelltext</a></li> <li><a class="wiki-standalone-button" href="javascript:;" onclick="WIKIDOT.page.listeners.editClick(event)">(Bearbeiten)</a></li> <li><a href="/intern:neu">(Neue Seite)</a></li> </ul> </li> <li><a href="javascript:;">Site ▼</a> <ul> <li><a href="/intern:impressum">Impressum</a></li> <li><a href="/system:list-all-pages">Seiten-Tabelle</a></li> <li><a href="/system:recent-changes">Änderungshistorie</a></li> </ul> </li> </ul> </div> <div id="login-status"><a href="javascript:;" onclick="WIKIDOT.page.listeners.createAccount(event)" class="login-status-create-account btn">Benutzerkonto erstellen</a> <span>oder</span> <a href="javascript:;" onclick="WIKIDOT.page.listeners.loginClick(event)" class="login-status-sign-in btn btn-primary">Anmelden</a> </div> <div id="header-extra-div-1"><span></span></div><div id="header-extra-div-2"><span></span></div><div id="header-extra-div-3"><span></span></div> </div> <div id="content-wrap"> <!-- google_ad_section_end --> <div id="main-content"> <div id="action-area-top"></div> <div id="page-title"> CSS-Referenz </div> <div id="breadcrumbs"> <a href="/docs:html-handbuch">HTML5-Handbuch</a> &raquo; CSS-Referenz </div> <!-- wikidot_top_728x90 --> <div id="wad-tier3-above-content" class="wd-adunit wd-ad-np wd-adunit-above_content"></div> <script> window['nitroAds'].createAd('wad-tier3-above-content', { "refreshLimit": 10, "refreshTime": 94, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 728, 90 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); </script> <div id="page-content"> <p>Die CSS-Referenz listet alle Eigenschaften des CSS-Standards 2.1 auf, sowie eine Auswahl heute schon praxisrelevanter Eigenschaften von CSS3.</p> <h2 id="toc0"><span>Liste der CSS-Eigenschaften</span></h2> <p>Nachfolgende Tabelle enthält eine Übersicht aller in dieser Referenz behandelten CSS-Eigenschaften in alphabetischer Reihenfolge. Die Liste umfasst:</p> <ul> <li>alle Eigenschaften des CSS2.1-Standards. Ausgenommen sind die Eigenschaften des Medientyps <em>aural</em>, der in CSS2.1 als missbilligt (<em>deprecated</em>) gekennzeichnet ist und in CSS3 durch ein Set neuer Eigenschaften ersetzt werden soll.</li> <li>eine Auswahl von CSS3-Eigenschaften, die gegenwärtig oder in naher Zukunft praxisrelevant sind oder voraussichtlich sein werden.</li> </ul> <table class="wiki-content-table"> <tr> <th>Eigenschaft</th> <th>Bedeutung</th> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-appearance">appearance</a></tt></td> <td>Ändert das Aussehen eines Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background">background</a></tt></td> <td>Zusammenfassende Eigenschaft für die Definition des Hintergrunds.</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background-attachment">background-attachment</a></tt></td> <td>Verhalten des Hintergrunds</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background-clip">background-clip</a></tt></td> <td>Bestimmt den Darstellungsbereich des Hintergrunds</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background-color">background-color</a></tt></td> <td>Definiert die Hintergrundfarbe eines Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background-image">background-image</a></tt></td> <td>Legt ein Bild als Hintergrund eines Elements fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background-origin">background-origin</a></tt></td> <td>Legt das linke, obere Eck des Hintergrundes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background-position">background-position</a></tt></td> <td>Legt die Position des Hintergrundbildes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background-repeat">background-repeat</a></tt></td> <td>Legt die Art der Kachelung des Hintergrundbildes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-background-size">background-size</a></tt></td> <td>Definiert die Größe des Hintergrundbildes</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border">border</a></tt></td> <td>Legt die Darstellung der vier Ränder eines Elements fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-bottom">border-bottom</a></tt></td> <td>Legt die Darstellung des unteren Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-bottom-color">border-bottom-color</a></tt></td> <td>Legt die Farbe des unteren Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-bottom-left-radius">border-bottom-left-radius</a></tt></td> <td>Legt die Rundung der linken, unteren Rahmenecke fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-bottom-right-radius">border-bottom-right-radius</a></tt></td> <td>Legt die Rundung der rechten, unteren Rahmenecke fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-bottom-style">border-bottom-style</a></tt></td> <td>Legt die Art des unteren Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-bottom-width">border-bottom-width</a></tt></td> <td>Breite der unteren Rahmenlinie festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-collapse">border-collapse</a></tt></td> <td>Definiert das Verhalten des Rahmens</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-color">border-color</a></tt></td> <td>Legt die Randfarbe fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-image">border-image</a></tt></td> <td>Legt ein Bild fest, dass für die Rahmendarstellung verwendet werden soll</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-image-outset">border-image-outset</a></tt></td> <td>Legt die Breite des Bildes außerhalb des Rahmens fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-image-repeat">border-image-repeat</a></tt></td> <td>Wiederholung des Teilbilds für den Rahmen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-image-slice">border-image-slice</a></tt></td> <td>Aufteilen eines Bildes in Teilbilder zur Verwendung als Rahmen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-image-source">border-image-source</a></tt></td> <td>Die externe Quelle des Bilds für den Rahmen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-image-width">border-image-width</a></tt></td> <td>Breite des Bildrahmens</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-left">border-left</a></tt></td> <td>Legt die Darstellung des linken Randes eines Elements fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-left-color">border-left-color</a></tt></td> <td>Legt die Farbe des linken Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-left-style">border-left-style</a></tt></td> <td>Legt die Art des linken Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-left-width">border-left-width</a></tt></td> <td>Breite der linken Rahmenlinie festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-radius">border-radius</a></tt></td> <td>Legt die Rundung der Rahmenecken fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-right">border-right</a></tt></td> <td>Legt die Darstellung des rechten Randes eines Elements fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-right-color">border-right-color</a></tt></td> <td>Legt die Farbe des rechten Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-right-style">border-right-style</a></tt></td> <td>Legt die Art des rechten Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-right-width">border-right-width</a></tt></td> <td>Breite der rechten Rahmenlinie festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-style">border-style</a></tt></td> <td>Legt die Art des Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-top">border-top</a></tt></td> <td>Legt die Darstellung des oberen Randes eines Elements fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-top-color">border-top-color</a></tt></td> <td>Legt die Farbe des oberen Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-top-left-radius">border-top-left-radius</a></tt></td> <td>Legt die Rundung der linken, oberen Rahmenecke fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-top-right-radius">border-top-right-radius</a></tt></td> <td>Legt die Rundung der rechten, oberen Rahmenecke fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-top-style">border-top-style</a></tt></td> <td>Legt die Art des oberen Randes fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-top-width">border-top-width</a></tt></td> <td>Breite der oberen Rahmenlinie festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-border-width">border-width</a></tt></td> <td>Breite der Rahmenlinie festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-bottom">bottom</a></tt></td> <td>Unteren Abstand festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-box-decoration-break">box-decoration-break</a></tt></td> <td>Verhalten der Elementdarstellung bei einem Seitenumbruch</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-box-sizing">box-sizing</a></tt></td> <td>Darstellung dex Box-Modells</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-caption-side">caption-side</a></tt></td> <td>Legt die Position der Tabellenüberschrift fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-clear">clear</a></tt></td> <td>Deaktiviert die float-Eigenschaft an der angegebenen Seite</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-clip">clip</a></tt></td> <td>Legt den sichtbaren Bereich eines Elements fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-color">color</a></tt></td> <td>Legt die Vordegrundfarbe (Textfarbe) eines Elements fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-column-count">column-count</a></tt></td> <td>Legt die ideale Spaltenanzahl des Elementinhalts fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-column-gap">column-gap</a></tt></td> <td>Legt den Abstand zwischen Spalten fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-column-rule">column-rule</a></tt></td> <td>Dies ist eine Zusammenfassung um eine Linie zwischen Spalten zu definieren</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-column-rule-color">column-rule-color</a></tt></td> <td>Legt die Farbe der Linie zwischen den Spalten fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-column-rule-style">column-rule-style</a></tt></td> <td>Defniniert die Art der Linie zwischen den Spalten</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-column-rule-width">column-rule-width</a></tt></td> <td>Legt die Breite der Linie zwischen den Spalten fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-column-span">column-span</a></tt></td> <td>Das Element kann sich über mehrere Spalten erstrecken</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-column-width">column-width</a></tt></td> <td>Legt die ideale Breite der Spalten fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-columns">columns</a></tt></td> <td>Diese ist die Kurzversion um einen Spaltensatz zu definieren</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-content">content</a></tt></td> <td>Legt den Inhalt fest, der vor oder nach einem Element angezeigt werden soll</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-counter-increment">counter-increment</a></tt></td> <td>Erhöht den Zähler um eins oder einen bestimmten Wert</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-counter-reset">counter-reset</a></tt></td> <td>Initialisiert den Zähler oder setzt ihn auf einen bestimmten Wert</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-cursor">cursor</a></tt></td> <td>Den Mauszeiger über einem Element definieren</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-direction">direction</a></tt></td> <td>Schreibrichtung und Abfolge der Tabellen- bzw. Textspalten festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-display">display</a></tt></td> <td>Legt die Darstellungsart des Elements fest</td> </tr> <tr> <td><tt><a class="newpage" href="/html-handbuch:css-referenz-empty-cells">empty-cells</a></tt></td> <td>Legt die Darstellung leerer Tabellenzellen fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-float">float</a></tt></td> <td>Festlegen des Textflusses; definiert ob Elemente einander umfließen können</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-font">font</a></tt></td> <td>Festlegen der Eigenschaften der Schrift</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-font-family">font-family</a></tt></td> <td>Festlegen der Schriftart</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-font-size">font-size</a></tt></td> <td>Schriftgröße definieren</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-font-style">font-style</a></tt></td> <td>Schriftlage festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-font-variant">font-variant</a></tt></td> <td>Schreibweise mit Kapitälchen definieren</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-font-weight">font-weight</a></tt></td> <td>Schriftgewicht festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-height">height</a></tt></td> <td>Höhe des darstellbaren Inhalts</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-icon">icon</a></tt></td> <td>Ein Symbol anfügen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-left">left</a></tt></td> <td>Der Abstand von der linken Kante des Elements zum linken Rand des umgebenden Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-letter-spacing">letter-spacing</a></tt></td> <td>Abstand zwischen den einzelnen Zeichen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-line-height">line-height</a></tt></td> <td>Zeilenhöhe</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-list-style">list-style</a></tt></td> <td>Definiert das Aussehen einer Aufzählung</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-list-style-image">list-style-image</a></tt></td> <td>Grafik für das Aufzählungszeichen eines Listenelements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-list-style-position">list-style-position</a></tt></td> <td>Position des Aufzählungszeichens bei einem Listenelement</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-list-style-type">list-style-type</a></tt></td> <td>Art des Aufzählungszeichens für ein Listenelement festlegen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-margin">margin</a></tt></td> <td>äußerer Abstand/Rand eines Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-margin-bottom">margin-bottom</a></tt></td> <td>unterer Abstand/Rand eines Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-margin-left">margin-left</a></tt></td> <td>linker Abstand/Rand eines Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-margin-right">margin-right</a></tt></td> <td>rechter Abstand/Rand eines Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-margin-top">margin-top</a></tt></td> <td>oberer Abstand/Rand eines Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-max-height">max-height</a></tt></td> <td>maximale Höhe, die ein Element erhalten kann</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-max-width">max-width</a></tt></td> <td>maximale Breite, die ein Element erhalten kann</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-min-height">min-height</a></tt></td> <td>minimale Höhe, die ein Element erhalten kann</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-min-width">min-width</a></tt></td> <td>minimale Breite, die ein Element erhalten kann</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-nav-down">nav-down</a></tt></td> <td>Legt die Position des aktuellen Elements in der Navigation des Dokuments fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-nav-index">nav-index</a></tt></td> <td>Legt die Reihenfolge der Navigation fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-nav-left">nav-left</a></tt></td> <td>Legt die Position des aktuellen Elements in der Navigation des Dokuments fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-nav-right">nav-right</a></tt></td> <td>Legt die Position des aktuellen Elements in der Navigation des Dokuments fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-nav-up">nav-up</a></tt></td> <td>Legt die Position des aktuellen Elements in der Navigation des Dokuments fest</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-opacity">opacity</a></tt></td> <td>Durchsichtigkeit des Elements und der abhängigen Kindelemente</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-orphans">orphans</a></tt></td> <td>Mindestanzahl der Zeilen, welche am Seitenende sichtbar sein müssen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-outline">outline</a></tt></td> <td>Äußere Umrahmung für ein Element mit aktivem Fokus</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-outline-color">outline-color</a></tt></td> <td>Farbe des Rahmens für ein Element mit aktivem Fokus</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-outline-style">outline-style</a></tt></td> <td>Art der Liniendarstellung für ein Element mit aktivem Fokus</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-outline-width">outline-width</a></tt></td> <td>Dicke des Rahmens für ein Element mit aktivem Fokus</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-overflow">overflow</a></tt></td> <td>Darstellung des Inhalts, wenn das Element zu klein dafür ist</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-overflow-x">overflow-x</a></tt></td> <td>Darstellung des Inhalts, wenn das Element in der Breite zu schmal dafür ist</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-overflow-y">overflow-y</a></tt></td> <td>Darstellung des Inhalts, wenn das Element in der Höhe zu niedrig dafür ist</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-padding">padding</a></tt></td> <td>Abstand des Inhalts zum Rand des Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-padding-bottom">padding-bottom</a></tt></td> <td>Abstand des Inhalts zum unteren Rand des Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-padding-left">padding-left</a></tt></td> <td>Abstand des Inhalts zum linken Rand des Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-padding-right">padding-right</a></tt></td> <td>Abstand des Inhalts zum rechten Rand des Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-padding-top">padding-top</a></tt></td> <td>Abstand des Inhalts zum oberen Rand des Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-page-break-after">page-break-after</a></tt></td> <td>Seitenumbruch nach dem Element</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-page-break-before">page-break-before</a></tt></td> <td>Seitenumbruch vor dem Element</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-page-break-inside">page-break-inside</a></tt></td> <td>Seitenumbruch innerhalb des Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-position">position</a></tt></td> <td>Art der Positionierung des Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-quotes">quotes</a></tt></td> <td>Darstellung der Anführungszeichen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-resize">resize</a></tt></td> <td>Der Benutzer kann die Größe des Elements verändern</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-right">right</a></tt></td> <td>Der Abstand von der rechten Kante des Elements zum rechten Rand des umgebenden Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-table-layout">table-layout</a></tt></td> <td>Methode zur Darstellung der Tabelle</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-text-align">text-align</a></tt></td> <td>Ausrichtung des Textes</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-text-align-last">text-align-last</a></tt></td> <td>Ausrichtung der letzten Zeile eines Absatzes bei Blocksatz</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-text-decoration">text-decoration</a></tt></td> <td>Texteffekt</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-text-indent">text-indent</a></tt></td> <td>Einrückung der ersten Zeile eines Absatzes</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-text-justify">text-justify</a></tt></td> <td>Art des Blocksatzes</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-text-transform">text-transform</a></tt></td> <td>Groß-/Kleinschreibung definieren</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-top">top</a></tt></td> <td>Der Abstand von der oberen Kante des Elements zum oberen Rand des umgebenden Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-unicode-bidi">unicode-bidi</a></tt></td> <td>Erlaubt das Mischen von Text mit der Schreibrichtung links-nach-rechts und rechts-nach-links</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-vertical-align">vertical-align</a></tt></td> <td>Vertikale Ausrichtung des Inhalts</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-visibility">visibility</a></tt></td> <td>Sichtbarkeit des Elements</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-white-space">white-space</a></tt></td> <td>Behandlung des Leerraums</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-widows">widows</a></tt></td> <td>Mindestanzahl der Zeilen, welche am Seitenanfang sichtbar sein müssen</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-width">width</a></tt></td> <td>Breite des darstellbaren Inhalts</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-word-spacing">word-spacing</a></tt></td> <td>Leerraum zwischen den Wörtern</td> </tr> <tr> <td><tt><a href="/html-handbuch:css-referenz-z-index">z-index</a></tt></td> <td>Position des Elements auf der Z-Achse (Tiefenachse)</td> </tr> </table> <p><span style="white-space: pre-wrap;">&nbsp;</span></p> <hr /> <p><span style="font-size: 13px; color: #444; font-weight: bold;">Korrekturen, Hinweise und Ergänzungen</span><br /> <span style="font-size: 12px; color: #444;">Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü <em>Seite</em> den Eintrag <em>Diskutieren</em> wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.</span></p> </div> <!-- wikidot_bottom_300x250 --> <div id="wad-tier3-below-content" class="wd-adunit wd-ad-np wd-adunit-below_content"></div> <script> window['nitroAds'].createAd('wad-tier3-below-content', { "refreshLimit": 10, "refreshTime": 83, "renderVisibleOnly": false, "refreshVisibleOnly": true, "sizes": [ [ 300, 250 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); </script> <!-- mobile bottom 320x50 --> <script> $j( function(){ if(isUAMobile && screen.width < 400 && screen.height > 600) { var $o = $j('<div id="wad-tier3-mobile-anchor" class="wd-adunit wd-ad-np wd-adunit-mobile_anchor"></div>'); $j('body').append($o); $j('body').css('margin-bottom', '200px'); var res = function(){ $o = $j('#wad-tier3-mobile-anchor'); if($o.length > 0){ $o.show(); var $w = $j(window); var scale = $w.width() / 320; $o.css('transform', 'scale('+scale+')'); } else { $o.hide(); } } res(); setInterval(res, 1000); window['nitroAds'].createAd('wad-tier3-mobile-anchor', { "refreshLimit": 1, "refreshTime": 90, "renderVisibleOnly": false, "refreshVisibleOnly": true, "format": "display", "sizes": [ [ 320, 50 ] ], "report": { "enabled": true, "wording": "Report Ad", "position": "bottom-right" } }); } }); </script> <div id="page-info-break"></div> <div id="page-options-container"> <div id="page-info">Seiten Revision: 91, zuletzt bearbeitet: <span class="odate time_1286570095 format_%25e%20%25b%20%25Y%2C%20%25H%3A%25M%20%28%25O%20vor%29">08 Oct 2010 20:34</span></div> <div id="page-options-bottom" class="page-options-bottom"> <a href="javascript:;" class="btn btn-default" id="edit-button">Bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="tags-button">Tags</a> <a href="javascript:;" class="btn btn-default" id="history-button">Historie</a> <a href="javascript:;" class="btn btn-default" id="files-button">Dateien</a> <a href="javascript:;" class="btn btn-default" id="print-button">Drucken</a> <a href="javascript:;" class="btn btn-default" id="site-tools-button">Site-Werkzeuge</a> <a href="javascript:;" class="btn btn-default" id="more-options-button">+&nbsp;Optionen</a> </div> <div id="page-options-bottom-2" class="page-options-bottom form-actions" style="display:none"> <a href="javascript:;" class="btn btn-default" id="edit-sections-button">Abschnitte bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="edit-append-button">Hinzufügen</a> <a href="javascript:;" class="btn btn-default" id="edit-meta-button">Metatags bearbeiten</a> <a href="javascript:;" class="btn btn-default" id="watchers-button">Beobachter</a> <a href="javascript:;" class="btn btn-default" id="backlinks-button">Backlinks</a> <a href="javascript:;" class="btn btn-default" id="view-source-button">Seiten-Quelltext</a> <a href="javascript:;" class="btn btn-default" id="parent-page-button">Eltern</a> <a href="javascript:;" class="btn btn-default" id="page-block-button">Seite sperren</a> <a href="javascript:;" class="btn btn-default" id="rename-move-button">Umbenennen</a> <a href="javascript:;" class="btn btn-default" id="delete-button">Löschen</a> </div> <div id="page-options-area-bottom"> </div> </div> <div id="action-area" style="display: none;"></div> </div> </div> <div id="footer" style="display: block; visibility: visible;"> <div class="options" style="display: block; visibility: visible;"> <a href="http://www.wikidot.com/doc" id="wikidot-help-button">Hilfe</a> &nbsp;| <a href="http://www.wikidot.com/legal:terms-of-service" id="wikidot-tos-button">Nutzungsbedingungen (Terms of Service)</a> &nbsp;| <a href="http://www.wikidot.com/legal:privacy-policy" id="wikidot-privacy-button">Datenschutz</a> &nbsp;| <a href="javascript:;" id="bug-report-button" onclick="WIKIDOT.page.listeners.pageBugReport(event)">Fehler mitteilen</a> &nbsp;| <a href="javascript:;" id="abuse-report-button" onclick="WIKIDOT.page.listeners.flagPageObjectionable(event)">Als fragwürdig markieren</a> </div> Betrieben von <a href="http://www.wikidot.com">Wikidot.com</a> </div> <div id="license-area" class="license-area"> Sofern nicht anders angegeben, steht der Inhalt dieser Seite unter Lizenz <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 License</a> </div> <div id="extrac-div-1"><span></span></div><div id="extrac-div-2"><span></span></div><div id="extrac-div-3"><span></span></div> </div> </div> <!-- These extra divs/spans may be used as catch-alls to add extra imagery. --> <div id="extra-div-1"><span></span></div><div id="extra-div-2"><span></span></div><div id="extra-div-3"><span></span></div> <div id="extra-div-4"><span></span></div><div id="extra-div-5"><span></span></div><div id="extra-div-6"><span></span></div> </div> </div> <div id="dummy-ondomready-block" style="display: none;" ></div> <!-- Google Analytics load --> <script type="text/javascript"> (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div id="page-options-bottom-tips" style="display: none;"> <div id="edit-button-hovertip"> Klicken Sie hier um den Inhalt der Seite zu ändern. </div> </div> <div id="page-options-bottom-2-tips" style="display: none;"> <div id="edit-sections-button-hovertip"> Klicken Sie hier um die Bearbeitung einzelner Abschnitte der Seite ein und aus zu schalten (sofern möglich). Achten Sie auf einen &quot;bearbeiten&quot; Link neben den Überschriften. </div> <div id="edit-append-button-hovertip"> Inhalt hinzufügen, ohne den ganzen Seiteninhalt zu editieren </div> <div id="history-button-hovertip"> Prüfen Sie, wie sich diese Seite in der Vergangenheit entwickelt hat. </div> <div id="discuss-button-hovertip"> Wenn Sie den Inhalt der Site diskutieren möchten, ist dies der leichteste Weg dazu. </div> <div id="files-button-hovertip"> Betrachten und Verwalten von Datei-Anhängen für diese Seite. </div> <div id="site-tools-button-hovertip"> Einige nützliche Werkzeuge zum Verwalten Ihrer Site </div> <div id="backlinks-button-hovertip"> Anzeige der Seiten, diese hier verlinken und/oder einbetten. </div> <div id="rename-move-button-hovertip"> Ändern des Namens der Seite (auch URL Adresse, eventuell die Kategorie). </div> <div id="view-source-button-hovertip"> Ansicht des Seiten-Quelltextes ohne Änderung. </div> <div id="parent-page-button-hovertip"> Anzeigen/Festlegen der „Eltern“ Seite (zur „Brotkrumennavigation“ und Erstellung einer Layout-Struktur). </div> <div id="abuse-report-button-hovertip"> Benachrichtigen Sie die Administratoren, wenn Sie anstößige Inhalte auf dieser Seite finden. </div> <div id="bug-report-button-hovertip"> Etwas funktioniert nicht wie erwartet? Finden Sie heraus, was Sie tun können. </div> <div id="wikidot-help-button-hovertip"> Allgemeine Wikidot.com-Dokumentation und Hilfebereich. </div> <div id="wikidot-tos-button-hovertip"> Wikidot.com Nutzungsbedingungen (Terms of Service) - Was Sie dürfen und was nicht usw. </div> <div id="wikidot-privacy-button-hovertip"> Wikdiot.com - Datenschutzbestimmungen </div> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10