თვისება font

თვისება font წარმოადგენს შემოკლებულ თვისებას, რომელშიც შესაძლებელია შემდეგი CSS თვისებების გამოყენება: font-size, font-style, font-weight, line-height, font-family, font-variant.

სინტაქსი

cssსელექტორი {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

სავალდებულო თვისებებია font-size და font-family, დანარჩენების გამოტოვება შესაძლებელია, თანმიმდევრობის შენარჩუნებით.

თვისებები font-style, font-variant, font-weight შესაძლებელია ერთმანეთის მიმართ ნებისმიერი თანმიმდევრობით დაისახოს.

გაითვალისწინეთ, რომ თვისება line-height იწერება ხაზის მეშვეობით თვისების font-size შემდეგ.

მაგალითი

შევქმნათ დახრილი ტექსტი ზომით 15px, ტიპით Arial და სტრიქონებს შორის ინტერვალით 30px:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

მაგალითი

კიდევ ერთი მაგალითი:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

მაგალითი

მივანიჭოთ მხოლოდ ფონტის ზომა და ოჯახი, დანარჩენი თვისებები გამოვტოვოთ:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

მაგალითი

თუ მხოლოდ ფონტის ზომა დაისახება, ის არ იმოქმედებს, რადგან აუცილებლად უნდა იყოს მითითებული ფონტის ოჯახიც:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: