/ Курсы CSS / Ширина и высота

Ширина и высота


Свойство width

Свойство width устанавливает ширину блока.


 <div class="block-container">
  <span id="block">Привет, ты на сайте Rapprogtrain</span>
 </div>

  <style>
   .block-container {
    background-color: red;
    width: 10%;
   }
  </style>

Привет, ты на сайте Rapprogtrain

Свойство height

Свойство height устанавливает высоту блока.


 <div class="block-container">
  <span id="block">Привет, ты на сайте Rapprogtrain</span>
 </div>

  <style>
   .block-container {
    background-color: red;
    height: 50px;
   }
  </style>

Привет, ты на сайте Rapprogtrain

Если вы хотите установить минимальную и максимальную высоту и ширину элемента, то используйте следующие значения:

min-width - минимальная ширина элемента.
max-width - максимальная ширина элемента.
min-height - минимальная высота элемента.
max-height - максимальная высота элемента.


 <span id="txt-result" style="position: relative;top: 0;"> <div class="width">Привет, ты на сайте Rapprogtrain</div><br> 
  <div class="height">Привет, ты на сайте Rapprogtrain</div>

  <style>
   .width {border: 2px solid red; max-width: 10%;}
   .height {border: 2px solid red; min-height: 50px}
  </style>

Привет, ты на сайте Rapprogtrain

Привет, ты на сайте Rapprogtrain