Cyberwebdesign.nl : PHP en MySQL webdevelopment

CSS Info

Een overzicht van de CSS elementen die gebruikt kunnen worden in een stylesheet van een webpagina.

Stijl elementen

Standaardkleuren

  • black (zwart) hexadecimale waarde: #000000
  • silver (licht grijs) hexadecimale waarde: #C0C0C0
  • gray (donker grijs) hexadecimale waarde: #808080
  • white (wit) hexadecimale waarde: #FFFFFF
  • maroon (donkerrood) hexadecimale waarde: #800000
  • red (rood) hexadecimale waarde: #FF0000
  • orange (oranje) hexadecimale waarde: #FFA500
  • purple (paars) hexadecimale waarde: #800080
  • fuchsia (magenta) hexadecimale waarde: #FF00FF
  • green (donkergroen) hexadecimale waarde: #008000
  • lime (limoengroen) hexadecimale waarde: #00FF00
  • olive (olijfgroen) hexadecimale waarde: #808000
  • yellow (geel) hexadecimale waarde: #FFFF00
  • navy (donkerblauw) hexadecimale waarde: #000080
  • blue (blauw) hexadecimale waarde: #0000FF
  • teal (zeegroen) hexadecimale waarde: #008080
  • aqua (cyaan) hexadecimale waarde: #00FFFF

Kleurenkiezer

Achtergrond kleur of plaatje

background color image repeat attachment
Voorbeeld:
background: white url(tegel.jpg) repeat fixed;

background-attachment fixed of scroll
Voorbeeld:
background-attachment: fixed;

background-color kleur(waarde) of transparent
Voorbeeld:
background-color: yellow;

background-image url(url van de afbeelding)
Voorbeeld:
background-image: url(http://www.website.com/plaatje.gif)

background-repeat no-repeat of repeat of repeat-x of repeat-y
Voorbeeld:
background-repeat: repeat;

naar boven | naar stijl | naar kleur

Omkadering van elementen

border width style color
Voorbeeld:
border: 3px dashed blue;

border-bottom width style color
Voorbeeld:
border-bottom: 3px dashed blue;

border-left width style color
Voorbeeld:
border-left: 3px dashed blue;

border-right width style color
Voorbeeld:
border-right: 3px dashed blue;

border-top width style color
Voorbeeld:
border-top: 3px dashed blue;

border-color kleur(waarde)
Voorbeeld:
border-color: red;

border-bottom-color kleur(waarde)
Voorbeeld:
border-bottom-color: red;

border-left-color kleur(waarde)
Voorbeeld:
border-left-color: red;

border-right-color kleur(waarde)
Voorbeeld:
border-right-color: red;

border-top-color kleur(waarde)
Voorbeeld:
border-top-color: red;

border-style kaderstijl
Voorbeeld:
border-style: solid;

border-bottom-style kaderstijl
Voorbeeld:
border-bottom-style: solid;

border-left-style kaderstijl
Voorbeeld:
border-left-style: solid;

border-right-style kaderstijl
Voorbeeld:
border-right-style: solid;

border-top-style kaderstijl
Voorbeeld:
border-top-style: solid;

border-width kaderdikte
Voorbeeld:
border-width: 2px;

border-bottom-width kaderdikte
Voorbeeld:
border-bottom-width: 2px;

border-left-width kaderdikte
Voorbeeld:
border-left-width: 2px;

border-right-width kaderdikte
Voorbeeld:
border-right-width: 2px;

border-top-width kaderdikte
Voorbeeld:
border-top-width: 2px;

naar boven | naar stijl | naar kleur

Tekstkleur

color kleur(waarde)
Voorbeeld:
color: black;

naar boven | naar stijl | naar kleur

Cursorvorm

cursor vorm
Voorbeeld:
cursor: default;

naar boven | naar stijl | naar kleur

Font (lettertype)

font style weight size family
Voorbeeld:
font: normal 300 14pt "Times New Roman";

font-family lettertype
Voorbeeld:
font-family: tahoma,arial,"sans serif";

font-size grootte
Voorbeeld:
font-size: 12pt;

font-style normal of italic
Voorbeeld:
font-style: normal;

font-weight dikte
Voorbeeld:
font-weight: 600;

naar boven | naar stijl | naar kleur

Hoogte van een element

height waarde, percentage of auto
Voorbeeld:
height: 120%;

naar boven | naar stijl | naar kleur

Ruimte tussen letters

letter-spacing waarde, auto of normal
Voorbeeld:
letter-spacing: normal;

naar boven | naar stijl | naar kleur

Regelafstand (interlinie)

line-height waarde, percentage of normal
Voorbeeld:
line-height: 140%;

naar boven | naar stijl | naar kleur

Lijststijl

list-style type position image
Voorbeeld:
list-style: square inside none;

list-style-image url of none
Voorbeeld:
list-style-image: none;

list-style-position inside of outside
Voorbeeld:
list-style-position: inside;

list-style-type opsomteken
Voorbeeld:
list-style-type: circle;

naar boven | naar stijl | naar kleur

Kantlijnen

margin waarde of auto
Voorbeeld:
margin: 50px;

margin-bottom waarde of auto
Voorbeeld:
margin-bottom: 50px;

margin-left waarde of auto
Voorbeeld:
margin-left: 50px;

margin-right waarde of auto
Voorbeeld:
margin-right: 50px;

margin-top waarde of auto
Voorbeeld:
margin-top: 50px;

naar boven | naar stijl | naar kleur

Ruimte tussen teksten of foto's en de kantlijn

padding waarde
Voorbeeld:
padding: 20px;

padding-bottom waarde
Voorbeeld:
padding-bottom: 20px;

padding-left waarde
Voorbeeld:
padding-left: 20px;

padding-right waarde
Voorbeeld:
padding-right: 20px;

padding-top waarde
Voorbeeld:
padding-top: 20px;

naar boven | naar stijl | naar kleur

Tekst opmaak

text-align center, left, right of justify
Voorbeeld:
text-align: left;

text-decoration line-through, overline, underline of none
Voorbeeld:
text-decoration: none;

text-indent afstand of percentage
Voorbeeld:
text-indent: 100px;

text-transform capitalize, lowercase, uppercase of none
Voorbeeld:
text-transform: uppercase;

naar boven | naar stijl | naar kleur

Breedte van een element

width waarde, percentage of auto
Voorbeeld:
width: 100%;

naar boven | naar stijl | naar kleur

Contactformulier


Cyberwebdesign.nl
Contactformulier
 


 

 

 

 

Websites hebben de toekomst

Steeds meer mensen en bedrijven hebben een website.

Gebruikersovereenkomst

ONTWERP - Gebruikersovereenkomst van de Website - ONTWERP

GELIEVE ZORGVULDIG TE LEZEN ALVORENS DEZE SITE TE GEBRUIKEN. DOOR DEZE SITE TE GEBRUIKEN GEEFT U UW GOEDKEURING AAN DEZE OVEREENKOMST.
Uw gebruik van deze website, tenzij geregeerd door een afzonderlijke geschreven overeenkomst, is onderworpen aan de artikelen van deze Overeenkomst tussen u en de Eigenaar van de Site.
U begrijpt en bent het ermee eens dat de Eigenaar van deze Site uw gebruik van deze website als goedkeuring van deze Overeenkomst zal behandelen.
U begrijpt en bent het ermee eens dat het in werking stellen van om het even welke netwerkcommunicatie (inclusief maar niet beperkt tot het gebruik van om het even welke netwerkcliënt, scanning- of diagnostische software) met om het even welk computersysteem betrokken bij het verlenen van de netwerkdiensten voor deze site (inclusief maar niet beperkt tot het protocol van de hypertexttransmissie, de dienst van de domeinnaam, het protocol van de dossieroverdracht, of elektronische post), of het veroorzaken dat dergelijke netwerkcommunicatie in werking wordt gesteld, gebruik van deze site voor deze Overeenkomst betekent.
"Vergunbaar" betekent hebbend het recht, zoveel mogelijk, hetzij op het tijdstip van de aanvankelijke toestemming of later verworven, de hierin verworven en om het even welke rechten te verlenen.
"Patentclaims" betekent om het even welke octrooi-eis, die nu of in de toekomst, inclusief zonder beperking, methode, proces, en apparaateisen, in enig toelaatbaar octrooi door u of uw werkgever wordt bezeten of wordt verworven.
"Software van de website" betekent om het even welke softwarecode, product, of werk dat in de verwezenlijking, de opslag, de levering, de verrichting, en het behoud van deze website of zijn inhoud wordt gebruikt, inclusief maar niet beperkt tot operating systeem, utilities, ontwikkelingshulpmiddelen, grafische ontwerp en bewerkings hulpmiddelen, audio-opname, editors, processing tools, taalversies, en de software van de Webserver.
In overweging voor uw gebruik van en toegang tot deze website, verleent u de Eigenaar van de Site, en de employees van de Eigenaar van de Site, werknemers, en gemachtigd tussenpersonen, een wereldwijde vergunning, sublicensable, niet-exclusief onder de Eisen van het Octrooi, die door het maken van de Software van de Website, voor de duur van de octrooien, worden overtreden, te gebruiken of te verkopen.
U vertegenwoordigt dat u het gezag hebt om deze vergunning namens uw werkgever te verlenen.
Als u verkiest om deze Overeenkomst te eindigen, kunt u dit doen door het ophouden om deze website te gebruiken, om het even welke en alle exemplaren van om het even welke inhoud van deze site, of van deze site verzamelde gegevens te vernietigen (inclusief maar niet beperkt tot de output van om het even welke netwerkcliënt, scanning- of diagnostische software) en de Eigenaar van de Site hiervan op de hoogte te brengen.

ONTWERP -- dit is nog geen officieel site beleid -- ONTWERP