Border – Ramar/Kantlinjer
Attributet border är något som är välanvänt i stilmallarna här på blogg.se.
Man kan använda sig av det på i stort sett allt på en blogg, och det finns många olika sätt att skriva koden på.
Jag skall visa vilka varianter av borders det finns, och hur du skriver koden.
De saker man kan styra i sin kod, är följande:
border-style (vilken typ av kantlinje det ska vara.)
Välj mellan följande:
Solid
Dotted
Dashed
Double
Groove
Inset
Outset
Ridge
None (ingen alls)
Tänk på att vissa stilar kräver en viss bredd på linjen för att den ska synas, så om det bara ser ut som en vanlig solid linje, så öka på bredden på linjen då.
border-width (hur bred kantlinjen skall vara)
Absolut bäst är att ange bredden på kantlinjen med pixlar, t ex 4px.
Det finns även färdiga måttangivelser:
thin
medium
thick
10px
border-color (anger färgen på kantlinjen)
Färgen på själva kantlinjen anger du med koden border-color: din färg;
Du kan ange koden med antingen hexadecimaler (t ex #000000) eller med namn (t ex black).
Några exempel:
Border uppe, nere, höger och vänster
Man kan välja vilka sidor man vill ha en kantlinje på. Tänk dig att du har en fyrkantig låda, och så vill du bara ha kantlinje uppe och på vänster sida.
Då kan du styra det med hjälp av din stilmallskod. Då anger du bara en kantlinje uppe (border-top) och en kantlinje till vänster (border-left).
Hur skriver man koden då?
Kantlinje uppe
Kantlinje nere
Kantlinje vänster
Kantlinje höger
Kantlinje runt om
Jag vet att allt det här kan vara lite knepigt att förstå sig på, men det är bara att testa dig fram en massa.
Man lär sig absolut lättast genom att prova på olika sätt, men snälla, ta en kopia av din stilmall först.