---
title: "CSS media print"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/181739-css-media-print"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Biffen09"
published: "2009-12-21T21:45:02.000Z"
updated: "2010-01-13T16:05:28.000Z"
replies: 11
views: 1308
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/181739-css-media-print"
---

# CSS media print

## #1 — Biffen09, 2009-12-21T21:45Z

hur skriver jag Media Type för utskrift ?
skrivs allt man vill ändra var för sig? det vill säga bakgrund, textfärg osv?

det enda som händer när jag skriver så här (nedan) är att bakgrunden och färgen på tonplattan försvinner. Allt det andra är kvar
 ..vad gör jag för fel?

@media print {
p {background-color: white; 
color: black;
padding: 0em;
border: none; }
}

Permalänk: https://www.webforum.nu/p/181739

## #2 — nitro2k01, 2009-12-21T23:03Z

@media print specificerar de regler som bara ska gälla utskrifter. Alla andra regler gäller fortfarande alla mediatyper. Vill du att vissa regler ska gälla specifikt för visning på skärm kan du på samma sätt ange @media screen.

Permalänk: https://www.webforum.nu/p/2217999

## #3 — Biffen09, 2009-12-22T08:50Z

Jag har provat att lägga till... men det fungerar fortfarande inte..
@media screen{
p {background-color: white;
color: black;
padding: 0em;
border: none;}
}

Permalänk: https://www.webforum.nu/p/2218017

## #4 — nitro2k01, 2009-12-22T10:03Z

Alltså... Regler som inte står inom en media-block appliceras på alla mediatyper, och det som sätts inom ett media-block appliceras bara på den typen av media. T ex:

```
p {
  padding: 0em;
  border: none;
}

@media screen{
  p {
    background-color: black;
    color: white;
  }
} 

@media print{
  p {
    background-color: white;
    color: green;
  }
}
```

Med denna kod kommer stycken få padding och border oavsett mediatyp. Det som visas skärm kommer  få vit text på svart bakgrund, medan det som skrivs ut kommer få grön text på vit bakgrund. 

Värt att notera är dock att åtminstone Firefox verkar vägra skriva ut med annat än vit bakgrund, gissningsvis för att spara på folks bläck.

Permalänk: https://www.webforum.nu/p/2218021

## #5 — Biffen09, 2009-12-25T22:42Z

okej, men det som är inskrivet i "media screen" borde väl synas när man väljer förhandsgranska  såvida man inte gjort fel?
gör man en helt egen extern stilmall när man skriver i externa filer eller använder man den som tidigare använts?

Permalänk: https://www.webforum.nu/p/2218197

## #6 — Choronzon, 2009-12-25T23:14Z

Har du en extern css-fil kan du ju behöva trycka Ctrl+F5 (eller hur det nu var man uppdaterar för att samtidigt ladda den senaste versionen) för att ändringar du gjort ska visa sig.

Permalänk: https://www.webforum.nu/p/2218199

## #7 — nitro2k01, 2009-12-26T02:13Z

Biffen09, vad exakt menar du med förhandsgranska? Om du menar att förhandsgranska utskriften så är svaret givetvis nej, eftersom den funktionen försöker härma hur utskriften ska se ut och inte inkluderar regler för skärmvisning.

Permalänk: https://www.webforum.nu/p/2218206

## #8 — Biffen09, 2009-12-27T00:01Z

okej, jag trodde att det skulle synas när man förhandsgranskade sidan i webbläsaren under "utskriftsformat". Så det enda sättet att se det som är inskrivet i "media printen" fungerar är att skriva ut en test-sida?

Permalänk: https://www.webforum.nu/p/2218250

## #9 — jarvklo, 2009-12-27T01:04Z

> **Biffen09 skrev:**
>
> okej, men det som är inskrivet i "**media screen**" borde väl synas när man väljer förhandsgranska såvida man inte gjort fel?

Nej - inte om du menar förhandsgranska utskrift - då gäller "medialösa" stilar + media print

> **[Biffen09 skrev:](https://www.webforum.nu/p/1492470)**
>
> Så det enda sättet att se det som är inskrivet i "**media printen**" fungerar är att skriva ut en test-sida?

nej - du kan använda förhandsgranska utskrift i din webbläsare  :bire

Permalänk: https://www.webforum.nu/p/2218253

## #10 — nitro2k01, 2009-12-27T01:43Z

Biffen - det låter som du blandar ihop **screen** och **print**. Det som står i ett **screen**\-block appliceras vid normal skärmvisning. Det som står i ett **print**\-block appliceras vid utskrift och förhandsgranskning av utskrift. (Vilket alltså inte längre är "normal skämvisning") 

Regler som inte står i något block appliceras till båda vanlig skärmvisning och utskrift/förhandsgranskning.

Dessutom har du skrivit **media printen** i ditt inlägg. Du ska självklart inte ha något en på slutet av ordet.

Permalänk: https://www.webforum.nu/p/2218255

## #11 — Biffen09, 2010-01-13T15:49Z

Okej, tack för all hjälp. Jag har nu mekat i timtals och jag tror jag har fått till det nu. Det enda som krånglar just nu är att jag en rubrik inte syns vid utskrift. Som jag skrivit i en extern mall (print.css). Skriver man på något annat sätt?

.rubrik
{color:green;
font-family:"sans-seriff";
font-size:26em;}

}

Permalänk: https://www.webforum.nu/p/2222826

## #12 — nitro2k01, 2010-01-13T16:05Z

sans-serif stavas med ett f, och ska inte ha fnuttar omkring sig. Men om rubriken inte skrivs ut överhuvudtaget så är det nog något annat som är fel.

Permalänk: https://www.webforum.nu/p/2222828

---

Tråden på webben: https://www.webforum.nu/amne/html-css/181739-css-media-print