As propriedades CSS personalizadas usam um ou dois traços à esquerda?
#elem {
-myCustom: 99;
}
OU
#elem {
--myCustom: 99;
}
Eu já vi os dois itens acima usados em exemplos online. Qual a diferença entre os dois?
Tentar acessar propriedades personalizadas em JavaScript retorna nulo.
#elem {
-myCustom: 99;
}
<div id="elem">some text</div>
elem = document.getElementById("elem");
style= window.getComputedStyle(elem);
value = style.getPropertyValue('-myCustom');
alert(value);