Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Border – Ramar/Kantlinjer

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

border-style: solid;

Dotted

border-style: dotted;

Dashed

border-style: dashed;

Double

border-style: double;

Groove

border-style: groove;

Inset

border-style: inset;

Outset

border-style: outset;

Ridge

border-style: ridge;

None (ingen alls)

border-style: none;

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

border-width: thin;

medium

border-width: medium;

thick

border-width: thick;

10px

border-width: 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-color: black;

 

border-color: #CC55CC;

 

border-color: red;

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

border-top:solid medium black;

Kantlinje nere

border-bottom:solid medium black;

Kantlinje vänster

border-left:solid medium black;

Kantlinje höger

border-right:solid medium black;

Kantlinje runt om

border:solid medium black;

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.

Skribent och ansvarig för DDB. Driver Designa din blogg sedan juni 2015. Har bland annat studerat webbdesign, marknadsföring och online strategier både i Sverige och USA. Jobbar inom IT.

Läs mina andra inlägg

Lämna ett svar

Din e-postadress kommer inte publiceras.