Недопустимое значение свойства CSS для поля h4

Question

Я хочу изменить поля элемента h4 с помощью styles.css

В файле HTML h4 вложен следующим образом:

main div h4 {
  margin: 20px, 0, 0, 0;
  /* want to change top margin */
}

<main role="main" class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5">
  <div style="padding-top: 1.0rem;">
    <ul>...</ul>
    <h4 id='sec_summary'>Summary</h4>
  </div>
</main>

Другие стили, определенные в styles.css, работают нормально.Но когда я пытался установить маржу h4, как показано выше, я пробовал разные числа и единицы измерения, маржа h4 не меняется вообще.Почему код не работает?

Answer 1

Пожалуйста, удалите , из вашего кода поля CSS и поместите между ними пробел, например,

main div h4 {
  margin: 20px 0 0 0; 
}

Если свойство поля имеет четыре значения:

top margin is 20px
right margin is 0px
bottom margin is 0px
left margin is 0px

Answer 2

удалить ,:

main div h4 {
    margin: 20px 0 0 0; /* want to change top margin */
}

Answer 3

Вам необходимо удалить запятые (,) из вашего css и поставить () пробел

Вы будете определять индивидуальное поле следующим образом:

  main div h4 {
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
     }

Вы будете использовать синтаксис объединения следующим образом:

   main div h4 {
    margin: 20px 0 0 0;
     }

Answer 4

Вам необходимо удалить , из вашего css и поставить space вместо

main div h4 {
    margin: 20px 0 0 0; /* want to change top margin */
  }