Inne działy

 

 

CSS - jednostki miary

 

 Przed rozpoczęciem pracy z stylami, chciałbym wyjaśnić pojęcia związane z jednostkami miary w CSS.

CSS obsługuje szereg jednostek, w tym jednostki absolutne, cale, centymetry, punkty, i tak dalej, a także względne, takie jak wartości procentowe i jednostki em. Potrzebujesz tych wartości podczas określania różnych wymiarów obramowania w arkuszu stylu np border="1px solid red".

Przedstawiamy wszystkie jednostki miary w CSS wraz z odpowiednimi przykładami:

 

JednostkiOpisPrzykład
% Definiuje wartość procentowo w stosunku do innej wartości, zazwyczaj otaczającego elementu. p {font-size: 16pt; line-height: 125%;}
cm Definiuje wymiar w centymetrach. div {margin-bottom: 2cm;}
em Pomiar względny wysokości czcionki w EM. Ponieważ jednostka EM jest równa wielkości danej czcionki, jeśli przypisać czcionce 12pt każda "em" jednostka będzie miała 12pt, zatem 2em wynosi 24pt. p {letter-spacing: 7em;}
ex Ta wartość określa rozmiar względem wysokość czcionki x. Wysokość x zależy od wysokości czcionki litery x. p {font-size: 24pt; line-height: 3ex;}
in Definiuje rozmiar w calach. p {word-spacing: .15in;}
mm Definiuje rozmiar w milimetrach. p {word-spacing: 15mm;}
pc Definiuje pomiar w PICO. Pica odpowiada 12 punktom; w związku z tym przypada 6 pica na cal. p {font-size: 20pc;}
pt Definiuje pomiar w punktach. Punkt jest zdefiniowany, jako 1/72 cala. body {font-size: 18pt;}
px Definiuje wartość w pikselach. p {padding: 25px;}

 

 

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.