JavaScripts knippen en plakken

Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.

Home   CSS   DHTML   Forum    E-mail   Sitezoeker   Links

Overzicht van de voornaamste CSS1-attributen

TEKST OPMAKEN font-family:  lettertype Mogelijke waarden Betekenis Arial, 'Comic Sans MS', ... Naam van het lettertype font-size:  lettergrootte Mogelijke waarden Betekenis 10pt, 10px, 10em Exacte grootte 50%, 200% Relatieve waarden xx-small, x-small, medium, large, x-large, xx-large Voorgedefinieerde waarden larger, smaller Relatieve waarden font-style:  normaal of cursief Mogelijke waarden Betekenis normal Normale weergave italic Cursieve weergave font-variant:  normaal of kleine hoofdletters Mogelijke waarden Betekenis normal Normale weergave small-caps Weergave in kleine hoofdletters font-weight:  letterdikte Mogelijke waarden Betekenis lighter, normal, bold, bolder Relatieve waarden 100, 200, 300, 400, 500, 600, 700, 800, 900 Absolute waarden line-height:  afstand tussen de regels Mogelijke waarden Betekenis 14pt Absolute waarden 1.4, 140% Relatieve waarden font:  alle waarden van hierboven in één regel samengevat Voorbeeld BODY { font: Arial, 'Comic Sans MS' 12pt/14pt italic small-caps bold } text-align:  uitlijning van de regels Mogelijke waarden Betekenis left Links uitgelijnd right Rechts uitgelijnd center Gecentreerd justify Uitgevuld text-decoration:  onderstreping, doorhaling Mogelijke waarden Betekenis none Normaal underline Onderstreept overline Lijn boven de tekst line-through Doorgehaalde tekst text-indent:  eerste regel laten inspringen Mogelijke waarden Betekenis 1cm, 20pt Absolute waarden 10% Relatieve waarden text-transform:  hoofdletters of kleine letters Mogelijke waarden Betekenis none Normaal capitalize Eerste letter van ieder woord is hoofdletter. uppercase Alle letters zijn hoofdletters lowercase Alle letters zijn kleine letters letter-spacing:  afstand tussen de letters Mogelijke waarden Betekenis normal Vastgelegd in het gebruikte lettertype 4pt, 2pc Absolute waarden vertical-align:  verticale uitlijning Mogelijke waarden Betekenis baseline Op de basislijn van het lettertype sub Geeft de regel lager weer super Geeft de regel hoger weer top Bovenaan uitgelijnd middle In het midden uitgelijnd bottom Onderaan uitgelijnd text-top Uitgelijnd aan de bovenrand van het lettertype text-bottom Uitgelijn aan de onderrand van het lettertype 10% Relatieve verschuiving word-spacing:  afstand tussen de woorden Mogelijke waarden Betekenis normal De lengte van een spatie in het gebruikte lettertype 4pt, 2pc Absolute waarden KLEUREN EN ACHTERGRONDEN color:  tekstkleur Mogelijke waarden Betekenis red Vastgelegde kleurnaam #FF0000 Hexadecimale kleurwaarde background-color:  achtergrondkleur Mogelijke waarden Betekenis red Vastgelegde kleurnaam #FF0000 Hexadecimale kleurwaarde transparent Geen kleurgegevens background-image:  achtergrondafbeelding Mogelijke waarden Betekenis none Geen achtergrondafbeelding url (beeldje.jpg) Achtergrondafbeelding transparent Geen kleurgegevens background-repeat:  herhaling achtergrondafbeelding Mogelijke waarden Betekenis repeat Herhaling ingeschakeld (standaard) repeat-x Herhaling enkel horizontaal repeat-y Herhaling enkel vericaal no-repeat Geen herhaling background-attachment:  achtergrond vastzetten Mogelijke waarden Betekenis scroll Achtergrondafbeelding scrollt mee (standaard) fixed Achtergrondafbeelding scrollt niet mee background-position:  achtergrond positioneren (vaak 'watermerk' genoemd) Mogelijke waarden Betekenis 0% 0%, 0px 0px, ... Relatieve of absolute positie horizontaal en verticaal top, center, bottom Verticale uitlijning t.o.v. venstergrootte left, center, right Horizontale uitlijning t.o.v. venstergrootte background:  de laatste vijf waarden van hierboven in één regel samengevat Voorbeeld BODY { background: transparent url(beeldje.jpg) no-repeat fixed center center } KADERS border-style:  soort kader (moet ingesteld worden om een kader zichtbaar te maken!) Mogelijke waarden Betekenis none Geen kader dashed Streepjeslijn dotted Stippellijn solid Volle lijn double Dubbele lijn groove Van onder rechts belicht ridge Van boven links belicht inset Verzonken outset Verhoogd border-color:  kleur (indien verschillende: volgorde = boven, rechts, onder, links) Mogelijke waarden Betekenis silver (of ook: silver gold silver gold) Vastgelegde kleurnaam #FF0000 Hexadecimale waarde border-width:  dikte kleur (indien verschillende: volgorde = boven, rechts, onder, links) Mogelijke waarden Betekenis thin, medium, thick Voorgedefinieerde waarden 2px (of ook: 2px 4px 3px 1px) Absolute waarde MARGES BEPALEN margin:  buitenmarge (indien verschillende: volgorde = boven, rechts, onder, links) Mogelijke waarden Betekenis 1cm (of ook: 2cm, 1cm, 3cm, 1cm) Absolute waarde 10% Relatieve waarde auto De browser bepaalt de buitenmarges padding:  binnenmarge (indien verschillende: volgorde = boven, rechts, onder, links) Mogelijke waarden Betekenis 1cm (of ook: 2cm, 1cm, 3cm, 1cm) Absolute waarde 10% Relatieve waarde auto De browser bepaalt de binnenmarges LIJSTEN VORMGEVEN display:  objecten weergeven of verbergen Mogelijke waarden Betekenis block Maakt een afzonderlijke paragraaf list-item Maakt een lijst met opsommingsteken none Maakt het element onzichtbaar list-style-type:  bepalen van het opsommingsteken Mogelijke waarden Betekenis circle <UL>: leeg rondje disc <UL>: gevuld rondje square <UL>: gevuld vierkantje decimal <OL>: Arabische cijfers: 1, 2, 3, 4, 5, ... lower-roman <OL>: Romeinse cijfers: i, ii, iii, iv, v, ... upper-roman <OL>: Romeinse cijfers: I, II, III, IV, V, ... lower-alpha <OL>: Kleine letters: a, b, c, d, e, ... upper-alpha <OL>: Hoofdletters: A, B, C, D, E, ... none <OL>: Geen opsommingstekens list-style-image:  afbeelding als opsommingsteken Mogelijke waarden Betekenis url(beeldje.jpg) Afbeelding none Geen afbeelding list-style-position:  inspringing Mogelijke waarden Betekenis outside Tekstregels blijven rechts van het opsommingsteken inside Tekstregels gaan onder het opsommingsteken verder list-style:  de laatste drie waarden van hierboven in één regel samengevat Voorbeeld .lijst { none url(beeldje.jpg) inside } Ga verder naar de volgende pagina

Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.