თვისება text-stroke-color

თვისება text-stroke-color ადგენს ტექსტის სიმბოლოების კონტურის ფერს ან მათი კონტურის ფერს.

სინტაქსი

cssსელექტორი {
  text-stroke-color: ფერი;
}

მაგალითი

მოდით, ჩვენი ტექსტის სიმბოლოებს მივანიჭოთ ნარინჯისფერი კონტური:

html<p>
  ტექსტი
</p>
cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-text-stroke-color: orange;
  text-stroke-color: orange;
  -webkit-text-stroke-width: 1px;
  color: white;
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
}

Результат:

იხილეთ აგრეთვე

  • თვისება text-fill-color,
    რომელიც ადგენს ტექსტის სიმბოლოების შევსების ფერს
  • თვისება text-stroke,
    რომელიც ადგენს ტექსტის კონტურის პარამეტრებს
  • თვისება text-stroke-width,
    რომელიც ადგენს ტექსტის კონტურის სისქეს