⌘K

Xüsusiyyət text-decoration-style

Xüsusiyyət text-decoration-style mətn xəttinin növünü dəyişir: tək xətt, cüt, nöqtəli, tireli, dalğalı xətt.

Xüsusiyyət text-decoration-line və text-decoration-color xüsusiyyətləri ilə birlikdə istifadə edilməlidir. Bu xüsusiyyətlər text-decoration xüsusiyyətinin təsirini genişləndirir, daha inkişaf etmiş analoqlar olaraq.

Sintaksis

cssselektor {
  text-decoration-line: solid | double | dotted | dashed | wavy;
}

Dəyərlər

Dəyər Açıqlama
solid Kəsiksiz xətt.
double Cüt xətt.
dotted Nöqtəli xətt.
dashed Tireli xətt.
wavy Dalğalı xətt.

Standart dəyər: solid.

Nümunə . Wavy dəyəri

İndi mətn qırmızı dalğalı xətt ilə altından xəttlənəcək: 

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration-style: wavy;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

Nümunə . Dotted dəyəri

İndi mətn qırmızı nöqtəli xətt ilə altından xəttlənəcək: 

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration-style: dotted;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

Nümunə . Double dəyəri

İndi mətn qırmızı cüt xətt ilə üstündən xəttlənəcək: 

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration-style: double;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат:

BackXüsusiyyət text-decoration-lineNextXüsusiyyət text-decoration-color