CSS eigenschappen lijst

CSS – Cascading style sheets

CSS staat voor cascading style sheet. Middels een style sheet kun je de opmaak van je website pagina’s op 1 centrale plek beheren. Onderstaand een overzicht van de meest gebruikte css/eigenschappen.

CSS (cascading style sheets) eigenschappen lijst

Achtergrond
background Voor het instellen van achtergrond eigenschappen.
background-attachment Bepaalt of een achtergrond meescrollt met de pagina of gefixeerd is.
background-color De achtergrondkleur van een element.
background-image De achtergrondafbeelding van een element.
background-position Het startpunt van de achtergrondafbeelding in een element.
background-repeat Bepaalt of een achtergrondafbeelding herhaald wordt.
   

Afmetingen
height De hoogte van een element.
max-height De maximale hoogte van een element.
min-height De minimale hoogte van een element.
width De breedte van een element.
max-width De maximale breedte van een element.
min-width De minimale breedte van een element.
   

Layout
cursor Bepaalt welk type cursor weergegeven wordt.
display Bepaalt hoe een element weergegeven wordt.
float Bepaalt waar een element in een ander element weergegeven wordt.
position Bepaalt de positionering van een element.
visibility Bepaalt of een element zichtbaar of onzichtbaar is.
   

Lettertype
font Voor het bepalen van lettertype-informatie van een element.
font-family Bepaalt welk lettertype gebruikt wordt voor de tekst in een element.
font-size De grootte van het lettertype.
font-style De stijl van het lettertype in een element.
font-variant Bepaalt de variant in weergave van het letertype
font-weight Bepaalt de dikte van een lettertype in een element.
   

Lijnen
border Voor het instellen van alle lijnen van een element.
border-color Voor het instellen van de kleur van alle lijnen van een element.
border-width Voor het instellen van de dikte van alle lijnen van een element.
border-style Voor het instellen van de stijl van alle lijnen van een element.
border-bottom Voor het instellen van de onderste lijn van een element.
border-bottom-color De kleur van de onderste lijn van een element.
border-bottom-width De dikte van de onderste lijn van een element.
border-bottom-style De stijl van de onderste lijn van een element.
border-top Voor het instellen van de bovenlijn van een element.
border-top-color De kleur van de bovenste lijn van een element.
border-top-width De dikte van de bovenste lijn van een element.
border-top-style De stijl van de bovenste lijn van een element.
border-left Voor het instellen van de linkerlijn van een element.
border-left-color Bepaalt de kleur van de linkerlijn van een element.
border-left-width De dikte van de linkerlijn van een element.
border-left-style De stijl van de linkerlijn van een element.
border-right Voor het instellen van de rechterlijn van een element.
border-right-color De kleur van de rechterlijn van een element.
border-right-width De dikte van de rechterlijn van een element.
border-right-style De stijl van de rechterlijn van een element.
   

Lijsten
list-style Voor het instellen van lijsten.
list-style-image Geeft een afbeelding op voor het icoon van een lijst-item.
list-style-position Bepaalt waar iconen van lijst-items geplaatst worden.
list-style-type Bepaalt het type icoon dat voor lijst-items weergegeven moet worden.

Meer scripts en webdesign tools:

USABILITY CHECKLIST
Schrijf in op de nieuwsbrief en ontvang de website usabilty checklist
Twitter tips via FB