CSS හි මායිම සඳහා කෙටි ගුණාංගය

අකුරු මුහුණත සඳහා ඇති ආකාරයටම, මායිම් සඳහා ද border යන කෙටි ගුණාංගයක් පවතී, මායිමේ ඝණකම, වර්ණය සහ වර්ගය සඳහා 3 වෙනස් ගුණාංග ලිවීම වෙනුවට අපට එය භාවිතා කළ හැකිය. මෙම ගුණාංගය තුළ අපට කිසියම් අනුපිළිවෙලකට මායිම සඳහා අගයන් ලැයිස්තුගත කළ හැකිය.

අපි උදාහරණයක් බලමු. අපට මෙවැනි මායිමක් ඇතැයි සිතමු:

css#elem {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 300px;
  height: 100px;
}

කෙටි ගුණාංගය හරහා එය නැවත ලියමු:

css#elem {
  border: 1px solid red;
  width: 300px;
  height: 100px;
}
Задание 1

දී ඇති ආකෘතිය අනුව පිටුව නැවත සකස් කරන්න:

Задание 2

දී ඇති ආකෘතිය අනුව පිටුව නැවත සකස් කරන්න:

Задание 3

දී ඇති ආකෘතිය අනුව පිටුව නැවත සකස් කරන්න:

Задание 4

දී ඇති ආකෘතිය අනුව පිටුව නැවත සකස් කරන්න: