Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Właściwość CSS margin

Definicja stylu, przeznaczenie i użycie margin

Styl margin określa wielkość marginesów elementu i jest skróconą właściwością dla następujących styli:
margin-top
margin-right
margin-bottom
margin-left

Uwaga: dozwolone są wartości ujemne.

Wartości właściwości margin

Wartość Opis
length Określa margines w px | mm | cm | in | pt | pc | em | ex. Wartość domyślna to 0. Dopuszczalne są wartości ujemne.
% Określa margines w procentach szerokości elementu zawierającego.
auto Przeglądarka oblicza margines.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS margin

margin: length | auto | initial | inherit;

Wsparcie przeglądarek dla właściwości margin

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
margin 1.0 6.0 1.0 1.0 3.5

 

Przykładowe zastosowania z właściwością margin

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
margin:

 
Rezultat:
myBox
Kod CSS:
div#myBox {
background-color:red;
margin:auto;
}
 

 

Przykłady właściwości margin

1. Jeśli styl margin ma cztery wartości, pierwsza określi top, druga right, trzecia bottom, czwarta left.

margin: 30px 15px 15px 30px;
górny margines jest 30px
prawy margines jest 15px
dolny margines jest 15px
lewy margines jest 30px

2. Jeśli styl margin ma trzy wartości, pierwsza określi top, druga right i left, trzecia bottom.
margin: 15px 7px 20px;
górny margines jest 15px
prawy margines i lewy jest 7px
dolny margines jest 20px

3. Jeśli styl margin ma dwie wartości, pierwsza określi top i bottom, a druga right i left.
margin: 15px 7px;
górny i dolny margines jest 15px
prawy i lewy margines jest 7px

4. Jeśli styl margin ma jedną wartość to określa ona wszystkie marginesy: top, right, bottom i left.
margin: 7px;
wszystkie cztery marginesy są 7px

5. margin:5px;

6. margin:10px 20px;

7. margin: 30px 60px 40px;

8. margin: 30px 60px 40px 80px;

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.

 

 

 

100% pozytywnych opinii w Google – 15 lat doświadczenia przy tworzeniu stron

Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.

 

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Obszar działalności
Tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel.: +48 780 060 995, pon. - czw. 8:00 - 16:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności

Marynarska 54, 59-220 Legnica,, dolnośląskie, Polska,
tel.: +48 780 060 995,
pon. - czw. 8:00 - 16:00