Indentați • Tutorial css - proprietăți • css on-line

liniuță

Pentru indentare întâlni 2 caracteristici:

  • Marja - umplutură externă
  • padding - umplutură

Definirea identație externe. Pentru a face acest lucru, creați o regulă „.otstup“, moment în care proprietatea marjei și valoarea în pixeli

Marja de otstup: 40px;
frontieră: 1px solid gri;
>

și-l atribuie la primul paragraf



exemplu CSS


Aici, prima teză.


Aici, a doua teză.



etichetă

a primit padding externă de 40 de pixeli pe toate laturile:

Aici, prima teză.

Dacă trebuie să se retragă din anumite părți, puteți utiliza următoarele proprietăți:

  • margin-top - marginea de sus
  • marjă-dreapta - dreapta liniuță
  • margin-bottom - marginea de jos
  • stânga marjă - liniuță din stânga

De exemplu, vom defini adâncitură externe 40 în pixelii de sus și de stânga. Pentru a face acest lucru, folosim proprietatile margin-top si cu valorile 40px stânga marja.

otstup margin-top: 40px;
margin-left: 40px;
frontieră: 1px solid gri;
>

Alternativ, puteți utiliza proprietatea marja de stenografie

Marja otstup: 40px 0 0 40px;
frontieră: 1px solid gri;
>

etichetă

a primit padding externă de 40 de pixeli din partea de sus și din stânga:

Aici, prima teză.

Acum cere punctul padding. Pentru a face acest lucru, creați o regulă“.otstup2" , la care proprietatea și valoarea punctului padding în pixeli

padding otstup2: 40px;
frontieră: 1px solid gri;
>

și-l atribuie la al doilea paragraf



exemplu CSS


Aici, prima teză.


Aici, a doua teză.



etichetă

Am padding la 40 de pixeli pe toate laturile:

Aici, a doua teză.

Dacă trebuie să se retragă din anumite părți, puteți utiliza următoarele proprietăți:

  • padding-top - marginea de sus
  • padding-dreapta - dreapta liniuță
  • padding-bottom - marginea de jos
  • la stânga-padding - liniuță din stânga

De exemplu, putem specifica padding la 40 de pixeli de mai sus și la stânga. Pentru a face acest lucru, utilizați proprietățile padding-top și 40px din stânga-padding cu valori.

otstup2 padding-top: 40px;
padding-left: 40px;
frontieră: 1px solid gri;
>

Alternativ, puteți utiliza proprietatea padding stenografie

padding otstup2: 40px 0 0 40px;
frontieră: 1px solid gri;
>

etichetă

Am padding la 40 de pixeli din partea de sus și din stânga:

Aici, a doua teză.

Lista completă a valorilor care urmează să fie aplicate la grupuri de marja de proprietăți și padding, pot fi găsite în directorul.