Īpašība right

Īpašība right nosaka elementa labās malas pozīciju. Vērtības īpašībai var ierakstīt ar vispārpieņemtām izmēru vienībām, piemēram, pikseļos, collās, punktos, procentos. Iestatāmās vērtības var būt arī negatīvi skaitļi, šajā gadījumā elementi tiks uzlikti viens otram. Koordinātu atskaiti nosaka īpašība position, kurai parasti tiek piešķirta vērtība relative (relatīvā pozīcija) vai absolute (absolūtā pozīcija).

Sintakse

cssselektors {
  right: izmērs vai auto;
}

Piemērs

Uzvedoties pāri bērna elementam iestatīsim tam labās robežas pozīciju vienādu ar 25px:

html<div id="elem">
  <p></p>
</div>

css#elem {
  width: 400px;
  height: 300px;
  border: 1px solid black;
}
p {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid red;
  margin-left: 50px;
}
p:hover {
  right: 25px;
  width: 100px;
  height: 100px;
  border: 1px solid red;
}

Результат:

Piemērs

Tagad, uzvedoties pāri, labā robeža bērna elementa atradīsies -50px attālumā:

html<div id="elem">
  <p></p>
</div>

css#elem {
  width: 400px;
  height: 300px;
  border: 1px solid black;
}
p {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px solid red;
  margin-left: 50px;
}
p:hover {
  right: -50px;
  width: 100px;
  height: 100px;
  border: 1px solid red;
}

Результат:

Skatiet arī