---
title: "font-size fungerar ej i shorthand css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/149364-font-size-fungerar-ej-i-shorthand-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "m_soderlund"
published: "2006-07-24T12:15:41.000Z"
updated: "2006-07-28T08:20:13.000Z"
replies: 5
views: 555
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/149364-font-size-fungerar-ej-i-shorthand-css"
---

# font-size fungerar ej i shorthand css

## #1 — m_soderlund, 2006-07-24T12:15Z

Varför fungerar inte teckensnittsstorleken i koden 

```
.box { font: small-caps bold 120%; }
```

när den fungerar i

```
.box {	font-size: 120%;
	font-weight: bold; 
	font-variant: small-caps; }
```

small-caps och bold fungerar. Jag har testat i Firefox 1.5.0.4 och IE6.

tpf :)

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

## #2 — caya, 2006-07-24T14:34Z

jag tror det har med ordningen att göra... inte säker men prova att skriva storleken först.

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

## #3 — tanten, 2006-07-24T15:47Z

Vet egentlign inte varför men vissa shorthands för font fungerar bara när man har med fontfamily, eller font sist.
Annars ska nog ordningen vara den rätta
fungerar denna t.ex.??

```
.box { font: small-caps bold 120% verdana, sans-serif; }
```

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

## #4 — m_soderlund, 2006-07-25T11:30Z

Man måste tydligen ange teckensnitt för att det ska fungera, men det ville jag helst slippa då inte ens *inherit* fungerade. Tack för hjälpen!

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

## #5 — zcorpan, 2006-07-25T19:35Z

Från specifikationen:

> 'font'
>     Value:  	\[ \[ \<'font-style'\> \|\| \<'font-variant'\> \|\| \<'font-weight'\> \]? \<'font-size'\> \[ / \<'line-height'\> \]? \<'font-family'\> \] \| caption \| icon \| menu \| message-box \| small-caption \| status-bar \| inherit

\-- <http://www.w3.org/TR/CSS21/fonts.html#font-shorthand>

...vilket innebär att både \<'font-size'\> och \<'font-family'\> måste anges om man använder det första alternativet. inherit kan inte användas som del av shorthanden eftersom det är omöjligt att veta vilken av egenskaperna man menar. Ponera följande deklaration:

```
font:inherit large serif;
```

Vad är inherit? 'font-style', 'font-variant' eller 'font-weight'?

> This part specifies the set of valid values for the property whose name is 'property-name'. Value types may be designated in several ways:
> \[...\]
> types that have the same range of values as a property bearing the same name (e.g., \<'border-width'\> \<'background-attachment'\>, etc.). In this case, the type name is the property name (complete with quotes) between "\<" and "\>" (e.g., \<'border-width'\>). Such a type does not include the value 'inherit'. \[...\]

\-- <http://www.w3.org/TR/CSS21/about.html#q7>

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

## #6 — m_soderlund, 2006-07-28T08:20Z

Utmärkt svar zcorpan. Förvånar mig själv att jag inte sökte mig till specen innan jag ställde frågan. Tack! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/149364-font-size-fungerar-ej-i-shorthand-css