CSS

MARGIN CSS

Właściwości CSS margin służą do tworzenia przestrzeni wokół elementów, poza zdefiniowanymi granicami.

Dzięki CSS masz pełną kontrolę nad marginesami. Istnieją właściwości umożliwiające ustawienie marginesu dla każdej strony elementu (góra, prawo, dół i lewo).

CSS ma właściwości określające margines dla każdej strony elementu:

• margin-top
• margin-right
• margin-bottom
• margin-left

Wszystkie właściwości marginesu mogą mieć następujące wartości:

• auto - przeglądarka oblicza marżę
• length - określa margines w px, pt, cm itp.
• % - określa margines w % szerokości elementu zawierającego
• inherit - określa, że ​​margines powinien być dziedziczony po elemencie nadrzędnym

MARGIN - SKRÓCONE WŁASNOŚCI

Aby skrócić kod, możliwe jest określenie wszystkich właściwości margin w jednej właściwości.

Właściwość margin jest skróconą własnością dla następujących indywidualnych właściwości marży:

• margin-top
• margin-right
• margin-bottom
• margin-left

Oto jak to działa:

Jeśli właściwość margin ma cztery wartości:

• margin: 25px 50px 75px 100px;
  • górny margines ma 25px
  • prawy margines ma 50px
  • dolny margines ma 75px
  • lewy margines ma 100px

Jeśli właściwość margin ma trzy wartości:

• margin: 25px 50px 75px;
  • górny margines ma 25px
  • lewy i prawy margines mają 50px
  • dolny margines ma 75px

Jeśli właściwość margin ma dwie wartości:

• margin: 25px 50px;
  • górny i dolny margines mają 25px
  • lewy i prawy margines mają 50px

Jeśli właściwość margin ma jedną wartość:

• margin: 25px;
  • wszystkie cztery marginesy mają 25px

PADDING CSS

Właściwości CSS padding są używane do generowania przestrzeni wokół zawartości elementu, wewnątrz dowolnych zdefiniowanych granic.

Dzięki CSS masz pełną kontrolę nad dopełnieniem. Istnieją właściwości do ustawiania dopełnienia dla każdej strony elementu (góra, prawo, dół i lewo).

CSS ma właściwości określające wypełnienie dla każdej strony elementu:

• padding-top
• padding-right
• padding-bottom
• padding-left

Wszystkie właściwości dopełnienia mogą mieć następujące wartości:

• auto - przeglądarka oblicza marżę
• % - określa margines w % szerokości elementu zawierającego
• inherit - określa, że ​​margines powinien być dziedziczony po elemencie nadrzędnym

PADDING - SKRÓCONE WŁASNOŚCI

Aby skrócić kod, możliwe jest określenie wszystkich właściwości dopełnienia w jednej właściwości.

Właściwość margin jest skróconą własnością dla następujących indywidualnych właściwości marży:

• padding-top
• padding-right
• padding-bottom
• padding-left

Oto jak to działa:

Jeśli właściwość padding ma cztery wartości:

• padding: 25px 50px 75px 100px;
  • górne wypełnienie ma 25px
  • prawe wypełnienie ma 50px
  • dolne wypełnienie ma 75px
  • lewe wypełnienie ma 100px

Jeśli właściwość padding ma trzy wartości:

• padding: 25px 50px 75px;
  • górne wypełnienie ma 25px
  • lewe i prawe wypełnienie mają 50px
  • dolne wypełnienie ma 75px

Jeśli właściwość padding ma dwie wartości:

• padding: 25px 50px;
  • górne i dolne wypełnienie mają 25px
  • lewe i prawe wypełnienie mają 50px

Jeśli właściwość padding ma jedną wartość:

• padding: 25px;
  • wszystkie cztery wypełnienia mają 25px

STYL OBRAMOWANIA CSS

Definicja: Właściwość border-style określa, jaki rodzaj obramowania ma być wyświetlany.

Dozwolone są następujące wartości:

• dotted - Definiuje kropkowane obramowanie
• dashed - Definiuje przerywane obramowanie
• solid - Definiuje solidne obramowanie
• double - Definiuje podwójne obramowanie
• groove - Definiuje rowkowane obramowanie 3D. Efekt zależy od wartości koloru obramowania
• ridge - Definiuje prążkowane obramowanie 3D. Efekt zależy od wartości koloru obramowania
• inset - Definiuje wstawkę 3D. Efekt zależy od wartości koloru obramowania
• outset - Definiuje obramowanie początkowe 3D. Efekt zależy od wartości koloru obramowania
• none - Definiuje brak obramowania
• hidden - Definiuje ukryte obramowanie

Kropkowane obramowanie.

Przerywane obramowanie.

Ciągłe obramowanie.

Podwójne obramowanie.

Rowkowane obramowanie.

Prążkowane obramowanie.

Wklęsłe obramowanie 3D.

Wypukłe obramowanie 3D.

Brak obramowania.

Ukryte obramowanie.

Wymieszane obramowanie.