Alt mulig CSS lort

Diverse CSS kode jeg ikke har gjort så meget ud af men måske kunne være interessante at se

box-sizing

CSS box-sizing påvirker den måde elementernes bredde og højde udregnes.
Altså om border, margin og padding skal regnes med i elementets dimensioner.

Resultatet ovenfor er skabt af følgende kode

textarea element med resize property

Nogle gange kan det være at fortrække kun at kunne ændre størrelse på et element i én retning.
Det kan klares med resize, for eksempel på <textarea>.
Resultatet ovenfor er skabt af følgende kode

OS farver

I CSS kan man også bruge farver fra styresystemet så hjemmesiden kan ligne det tema man bruger i Windows eller hvad OS man nu bruger.
For eksempel er værdien Background den farve som er på skrivebordet i Windows.
Disse farvenavne er vist udgået (deprecated) i CSS3.
ActiveBorder
ActiveCaption
AppWorkspace
Background
ButtonFace
ButtonHighlight
ButtonShadow
ButtonText
CaptionText
GrayText
Highlight
HighlightText
InactiveBorder
InactiveCaption
InactiveCaptionText
InfoBackground
InfoText
Menu
MenuText
Scrollbar
ThreeDDarkShadow
ThreeDFace
ThreeDHighlight
ThreeDLightShadow
ThreeDShadow
Window
WindowFrame
WindowText
Resultatet ovenfor er skabt af følgende kode

IE6

IE5.5

Kode

Fjern stiplede linjer fra links.


image-rendering påvirker hvordan grafik ser ud når det skaleres.
Bruges også når man zoomer ind med browseren så indholdet på hjemmesiden bliver større.






Vælger et p element som er det første barn af et div element.




Jeg havde noget kode nogen gange i nogen browsere kunne lave en lodret scrollbar hvor man kunne scrolle 1 pixel.
Der var et element med i indholdet som er "display: inline". Ændre for eksempel til "display: none".

Diverse

Kom af med mellemrumstegn mellem elementer

Når man har nogle elementer adskilt af linjeskift og mellemrumstegn sådan at der er noget imellem > og < så kan det betyder der kommer et uønskede mellemrum mellem elementerne.

Det kan rettes ved at floate elementer.

user-select property

Prøv og marker denne tekst.
Prøv og marker denne tekst.
Prøv og marker denne tekst.
Prøv og marker denne tekst.
Prøv og marker denne tekst.
Prøv og marker denne tekst.
Prøv og marker denne tekst.
Prøv og marker denne tekst.
Resultatet ovenfor er skabt af følgende kode

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.