Mall:Cellstil
 |
Den här mallen använder TemplateStyles. Stilmallarna finns på Mall:Cellstil/styles.css |
[visa] [redigera] [rensa sidcachen]
Dokumentation
Mallen ger en länk till en TemplateStyles-mall, med vilken man i en tabell kan ange klasser som styr stilen gemensamt för alla celler eller för celler i enstaka rader. Det gäller då typer av formatering som inte görs enkelt med vanlig tabellsyntax, såsom inställning av ramar/kantlinjer för samtliga celler, padding (luft mellan innehåll och kant) för samtliga celler, eller vänsterställning av text i samtliga rubrikceller.
Användning[redigera wikitext]
Mallen läggs in i en artikel, någonstans ovanför den första tabellen där man vill använda någon av stilarna definierade i TemplateStyles-mallen Mall:Cellstil/styles.css. Det gör att man i tabellen kan ange önskad stil som en klass (class=).
Anges en klass i tabellstarten så påverkas alla tabellens celler, men den kan också användas för enstaka tabellrader. Klasserna som rör ramar/kantlinjer påverkar även tabellens omgivande ram om de anges i tabellstarten.
Det går lika bra att istället för den här mallen direkt skriva in taggen den använder:<templatestyles src="Cellstil/styles.css" />.
Om man till exempel vill skapa en tabell som får 1px-ramar runt alla celler:
{{Cellstil}}
{| class="ram-1"
| Lorem ipsum ...
...
|
eller |
<templatestyles src="Cellstil/styles.css"/>
{| class="ram-1"
| Lorem ipsum ...
...
|
OBS! I de nedan listade klasserna som rör ramar/kantlinjer används genomgående stilattributet border-collapse:collapse
Tillgängliga klasser[redigera wikitext]
Klasser definierade i Mall:Cellstil/styles.css:
| Class | Effekt |
|---|---|
| rubrik-v | Vänsterställer texten i alla rubrikceller |
| cellpadding-5 | Ger padding (luft mellan innehåll och kant) på 5px i alla celler (t) |
| cellpadding-4 | Ger padding på 4px i alla celler |
| cellpadding-02 | Ger padding på 0.2em i alla celler (w) |
| cellpadding-2 | Ger padding på 2px i alla celler |
| cellpadding-0 | Tar bort padding i alla celler |
| ram-1 | Ger alla celler en ram med bredden 1px (border:1px solid #aaa) (w) |
| ram-0 | Tar bort alla cellers egna ramar (border:0) |
| ram-dold | Döljer alla cellers omgivande ramar (border:hidden) |
| ovankant-1 | Ger alla celler en övre kantlinje (border-top) med bredden 1px |
| ovankant-0 | Tar bort alla cellers egna, övre kantlinjer (border-top:0) |
| ovankant-dold | Döljer alla cellers övre kantlinjer (border-top:hidden) |
| nederkant-1 | Ger alla celler en nedre kantlinje (border-bottom) med bredden 1px |
| nederkant-0 | Tar bort alla cellers egna, nedre kantlinjer (border-bottom:0) |
| nederkant-dold | Döljer alla cellers nedre kantlinjer (border-bottom:hidden) |
| sidokant-1 | Ger alla celler sidokantlinjer med bredden 1px |
| sidokant-0 | Tar bort (0) alla cellers egna sidokantlinjer |
| sidokant-dold | Döljer (hidden) alla cellers sidokantlinjer |
- Motsvarande används i: (t)=toccolors, (w)=wikitable
Två sätt att ta bort kantlinjer[redigera wikitext]
Här finns två olika sätt att ta bort kantlinjer:
- Med suffixet
-0tillämpas koden border:0, med effekten att berörda cellers egna kantlinjer försvinner, men det kan fortfarande synas kantlinjer längs sidor som delas med celler som har sina egna kantlinjer kvar eller vid tabellens ytterkant om den har en ram definierad. Detta är det rekommenderade valet om man ändå vill ha kvar möjligheten att skapa kantlinjer inne i tabellen. - Med suffixet
-doldtillämpas koden border:hidden, som döljer alla angivna kantlinjer även om det skulle inkludera kantlinjer definierade för angränsande celler eller tabellens ytterkant.
Prioriteringsordningar[redigera wikitext]
Det finns vissa prioriteringsordningar i syntaxen som kan påverka resultatet när man gör en tabell.
- Mer specifika definitioner prioriteras i allmänhet över mer generella. T.ex. prioriteras en definition av en tabellcells ovankant över en allmän definition av cellens alla kantlinjer. Men mer spelar in...
- Det finns hierarkier inom tabellsyntaxen. T.ex. ges border:hidden högre prioritet än både border:0 och vanliga definitioner av kantlinjer som t.ex. border:1px solid #aaa. Om man t.ex. vill utgå från en tabell med wikitable-klass men först skippa dess tabellrutor för att själv sätta in enstaka linjer eller rutor, så ska man alltså undvika border:hidden (
ram-dold) i tabellstarten och istället använda border:0 (ram-0) där.
Varför denna mall?[redigera wikitext]
Utan användning av wikitable är det omständligt att med wikisyntax skapa tabeller med ramar runt varje cell eller justera alla dessa cellers padding. Syntax som border=2 och cellpadding=2, som tidigare löst detta, är nu föråldrad och ersätts. Även om border=1, som ett undantag, betraktas som godkänd HTML5-kod, så ger det i flera webbläsare ett ojämnt resultat.