Minder dan 1 px

Beste mensen,

Ik wil iets maken dat minder dan 1 px hoog is. Hoe geef ik dit in css aan? 0,5px of 0.5px werkt bij mij niet.

Bedankt!

Een beeldscherm bestaat uit pixels. Minder dan een pixel bestaat dus niet.

Grappig, dat kan niet.

Wat je wel kan doen is om er een dikkere lijn onder te zetten om zo een illusie te creeëren..

Ik sluit me natuurlijk aan bij de rest, maar ik heb ook een vraag voor je: Hoe ben je er achter gekomen dat het niet werkt? Hoe heb je dat gecontroleerd?

Nee, dat bedoel ik niet. Waardoor concludeerde je dat 0.5px niet werkt? Zag je niets? Ik bedoel: hoe kwam je er achter dat je scherm geen halve pixel weer kon geven?

Niet dat je hier wat aan hebt, voor mij is 1 pixel het kleinst haalbare als je het vergelijkt t.o.v een monitor pixel maar je weet dan op voorhand nog niet wat een browser doet.

Proef op de som:


Onder IE 6:
Het eerste tabel wordt niet getoond, de tweede wel.

Onder FF 2.0.0.6:
Beiden zijn zichtbaar, alleen het eerste tabel met 0.1px border is tussen de borders in 19 pixels hoog, en in het tweede tabel met een 1px border is deze 20 pixels hoog.

En ander neven effect is dat in het eerste tabel, rechts onder de border op de hoek niet de borderkleur heeft maar wit is.

Maar goed, je merkt dat een 0.1px heus wel effect kan hebben ondanks dat je het al snel wil vergelijken met een 1/10de monitor pixel.

Alleen ja, waarom ik mij hiermee nu bezig hou? wilde alleen maar aantonen dat je niet op voorhand altijd moet denken dat een CSS 0.1px nu hoeft te betekenen dat dit overeenkomt met een 1/10de pixel van je monitor maar ook heus wel andere resultaten kan leveren dan je had verwacht.

Wellicht als je ooit een typefout maakt, dat dit je nu te binnen kan springen als een mogelijke oorzaak van een rariteit.