Среда, 27 Марта 2013 17:07

Свойство right

Written by 
Оцени эту запись
(1 Голос)

Свойство right задает смещение позиционированного элемента от правого края. Свойство работает только для элементов, у которых есть свойство position со значениями relative, absolute или fixed. 

Если у элемента свойство position со значением relative, то right задает ему смещение справа от его реальной позиции:

 

 

<div style="background: blue; width: 300px; height: 100px;">
<div style="background: lightblue; width: 100px; height: 100px; position: relative; right: 70px; top: 0;">Text</div>
</div>
 

 

Text

 

Если у элемента свойство position со значением absolute, то смещение отсчитывается от правого края родительского элемента и относительным позиционированием или окна браузера(если соответствующего родителя нету).

 

 

<div style="background: blue; width: 300px; height: 100px; position: relative;">
<div style="background: lightblue; width: 100px; height: 100px; position: absolute; right: 70px; top: 0;">Text</div>
</div>

 

 

Text

 

 

Значение свойства right можно задавать в пикселях, процентах или auto.

 

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов