De haarlijn-regel geldt meestal voor DTP en grafisch ontwerp. De algemeen geaccepteerde maat voor een regel van de haarlijn in grafisch ontwerp is 0,25 punten. Webdesign niet haarlijn regels gebruiken op dezelfde manier, hoewel u het idee op uw website toepassen kunt. Een regel van de haarlijn van 0,25 zullen in webdesign, zeer moeilijk te zien. In plaats daarvan haarlijn regels van 1 pixel te gebruiken.
CSS of HTML
Er bestaat geen tag haarlijn in CSS- of HTML-code. Echter kunt u een regel haarlijn gelijkwaardig in hetzij maken. In CSS kun de grens tag je om te zetten van een dunne lijn rond op langs een willekeurig aantal zijden van een opgegeven element. Bijvoorbeeld codering "border-bottom: 1px solid zwart;" zet een dunne zwarte rand aan de onderkant van uw gekozen klasse of ID. Dit fungeert als een haarlijn regel, het verstrekken van een smalle strook in uw gekozen locatie op een webpagina.
HTML
In de meeste gevallen maakt CSS--niet HTML--een beter gebruik van de haarlijn regels in webdesign als de lijn een stilistische element is. CSS moet altijd de stijl, en HTML-code de inhoud aangeven. HTML biedt echter een horizontale lijn tag,, die een haarlijn regel kunt maken. Bijvoorbeeld de HTML-code "hr kleur ="zwarte"grootte"1px"= / > voegt een horizontale zwarte lijn 1px dik. Deze aanpak is beperkt tot horizontale regels binnen de inhoud van uw webpagina's. Het is niet de beste optie voor lay-out haarlijn regels.
Inhoud
Een van de beste toepassingen van haarlijn regels in webdesign is het inhoud visueel scheiden zonder vet afbeeldingen of afbeeldingen te gebruiken. Bijvoorbeeld met een indeling met meerdere kolommen moeten de kolommen soms een eenvoudige scheiding te laten onderscheiden van elkaar. Een regel van de haarlijn van ongeveer 1 pixel, toegevoegd met behulp van de CSS grens tag, biedt deze een scheidingsteken. In vergelijkbare situaties, zoals het toevoegen van einden midcontent, werken haarlijn regels goed.
Blikvangercitaten
Blikvangercitaten weergeven offertes of fragmenten van de hoofdtekst van een artikel Deze worden vaak gepresenteerd in een kleine blok in de hoofdtekst van het artikel. Gewoonlijk, blikvangercitaten uitgerust met een grotere tekengrootte en sommige opmaak van de omringende tekst onderscheiden. Haarlijn regels bieden een goede manier om te scheiden van de pull-quotes van de inhoud op een subtiele manier. Het toevoegen van een regel van de haarlijn recht rond het blikvangercitaat is een effectieve manier om het gebruik van de techniek in algemeen webdesign.