Чтобы задать размеры кнопки в CSS, можно использовать свойства width
и height
. Вот пример:
button {
width: 100px;
height: 40px;
}
В данном примере заданы размеры кнопки в 100 пикселей шириной и 40 пикселей высотой.
Также можно использовать относительные единицы измерения размеров, такие как %
, em
, rem
, vw
, vh
и другие, чтобы создавать более гибкие и резиновые элементы. Например:
button {
width: 50%;
height: 2em;
}
Здесь ширина кнопки равна 50% от ширины родительского элемента, а высота равна двум em
(размер шрифта текущего элемента).
Кроме того, можно использовать свойства min-width
, max-width
, min-height
и max-height
, чтобы задать минимальные и максимальные размеры элемента, например:
button {
width: 100px;
min-height: 40px;
max-width: 200px;
max-height: 80px;
}
В данном примере заданы ширина и минимальная высота кнопки, а также максимальные размеры ширины и высоты кнопки. Это означает, что кнопка будет иметь ширину 100 пикселей, но высота не будет менее 40 пикселей, а максимальная ширина будет 200 пикселей, а максимальная высота — 80 пикселей.