[CSS] Okraje s box-sizing: border-box;

[RednammoC]

Dobrý den, mám celou stránku nastavenou

Kód: Vybrat vše

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

Přesto když přes event click přiřadím elementu přes classList.toggle("active"); Classu

Kód: Vybrat vše

.active{
    border: 3px solid #F0FF14;
}


objekt se mi zvětší i když má hodnotu position: absolute; ????
Jak mám udělat aby si border vzal z rozměru objektu a ne aby se k němu přičetl?

Případně, lze udělat něco takového funkčně?

Kód: Vybrat vše

.active{
    border: 3px solid #F0FF14;
    width: -6px;
    height: -6px;
}


[Wikan]

Aby se ti nezvětšil, tak bys mu musel nastavit pevnou velikost.
Co takhle tam mít ten border stále, jenom měnit jeho barvu? Pak se velikost nezmění určitě.

[RednammoC]

Ach taaaaaak a skvělé jednoduché řešení. Děkuji jako vždy