const div = document.getElementById('div'); //Сам блок
const select = document.getElementById("border_style");
select.addEventListener('change', () => {
div.style.setProperty('--border-style', select.value)
})
<select id="border_style">
<option value="dotted">Dotted</option>
<option value="dashed">Dashed</option>
<option value="solid">Solid</option>
<option value="double">Double</option>
<option value="groove">Groove</option>
<option value="ridge">Ridge</option>
<option value="inset">Inset</option>
<option value="outset">Outset</option>
</select>
<div id="div"></div>
* {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
#div {
--border-color: red;
--border-style: dotted;
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
border: 3px var(--border-style) var(--border-color);
background: antiquewhite;
}
:root {
--delay: 2.5s;
}
.slidingVertical span:nth-child(2) {
animation-delay: var(--delay);
}
.slidingVertical span:nth-child(3) {
animation-delay: calc(2*var(--delay));
}
.slidingVertical span:nth-child(4) {
animation-delay: calc(3*var(--delay));
}
.slidingVertical span:nth-child(5) {
animation-delay: calc(4*var(--delay));
}
div[class^="nav"][class$="2"]
querySelector
.<button>
И подскажите как перенести ноября без br
span
внутри одного p
.какой должен быть код для этого блока .
.block {
width: 120px;
height: 40px;
background: red;
position: relative;
}
.block:before {
content: '';
background: blue;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
z-index: -1;
}
white-space: pre-line;
white-space: pre-line;
position: absolute;
top: 50%;
transform: translateY(-50%);
<label>
. Note: Do not use the placeholder attribute instead of a<label>
element. Their purposes are different: the<label>
attribute describes the role of the form element; that is, it indicates what kind of information is expected, the placeholder attribute is a hint about the format the content should take. There are cases in which the placeholder attribute is never displayed to the user, so the form must be understandable without it.