CSS Ширина межі
CSS Border Width - Ширина межі
Властивість border-width визначає ширину (товщину) чотирьох меж.
Ширина може бути задана як визначений розмір (в пікселях, pt, см, em і т.д.) Або за допомогою одного із трьох попередньо визначених значень: thin, medium, thick (тонка, середня, товста):
Приклад
Демонстрація різної ширини межі:
p.one {
border-style: solid;
border-width: 5px;
}
p.two {
border-style: solid;
border-width: medium;
}
p.three {
border-style: dotted;
border-width: 2px;
}
p.four {
border-style: dotted;
border-width: thick;
}
Результат:
5px border-width
medium border-width
2px border-width
thick border-width
Визначена ширина сторони
Властивість border-width може мати від одного до чотирьох значень (для верхньої межі, правої межі, нижньої межі та лівої межі):
Приклад
p.one {
border-style: solid;
border-width: 5px 20px; /* 5 пікселів сгори і знизу, 20 пікселів по бокам */
}
p.two {
border-style: solid;
border-width: 20px 5px; /* 20 пікселів згори і знизу, по 5 пікселів по бокам */
}
p.three {
border-style: solid;
border-width: 25px 10px 4px 35px; /* 25 пікселів згори, 10 пікселів справа, 4 пікселі знизу і 35 пікселів зліва */
}
Спробуйте самі »
