Formulare CSS. Intrări Padded. Proprietatea padding. Proprietatea box-sizing. Proprietatea border-box.

Intrări Padded (Padded Inputs)

Utilizați proprietatea padding pentru a adăuga spațiu în câmpul text.

Sfat: Când aveți multe intrări una după cealaltă, este posibil să doriți să adăugați și o anumită marjă (margin), pentru a adăuga mai mult spațiu în afara lor:




Exemplu:

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

Rețineți că am setat proprietatea box-sizing la border-box. Acest lucru asigură că padding-ul și eventual border-urile sunt incluse în lățimea totală și înălțimea elementelor.