Co oznacza ukośnik w skrócie czcionki CSS?

186

Widzę następującą deklarację CSS w arkuszu stylów:

font: 12px/18px ...

Co 12px/18pxdokładnie oznacza ta część?

Webnet
źródło
2
Błędne było zamykanie tego jako zbyt zlokalizowanego. Pytanie jest proste, podobnie jak odpowiedź, ale jest to coś, o co ludzie często pytają i ma dobrą odpowiedź.
Jukka K. Korpela

Odpowiedzi:

206

12pxto rozmiar czcionki, 18pxto wysokość linii.

Składnia jest oparta na notacji typograficznej służącej do określania odpowiednich rozmiarów i ma zastosowanie tylko do fontwłaściwości skróconej. Innymi słowy, powyższa deklaracja po prostu rozszerza się na:

font-size: 12px;
line-height: 18px;

Jak zawsze, jeśli ustawisz wysokość linii na wartość względną (np. Procent lub ems), zostanie ona obliczona w zależności od rozmiaru czcionki.

W3C CSS2.1 fontodniesienia nieruchomość
W3C CSS3 Czcionki Moduł fontodniesienia nieruchomość (składnia przenosi z CSS2.1)

BoltClock
źródło
66

Jest to równoważne z:

font-size: 12px;
line-height: 18px;
szturchać
źródło