Jak ustawić szerokość granicy elementu w procentach? Próbowałem składni

border-width:10%;

Ale to nie działa.

Powód, dla którego chcę ustawićborder-width w procentach mam elementwidth: 80%; iheight: 80%;i chcę, aby element zakrywał całe okno przeglądarki, więc chcę ustawić wszystkie granice na 10%. Nie robię tego za pomocą metody dwuelementowej, w której jeden byłby umieszczony za drugim i działałby jako granica, ponieważ tło elementu jest przezroczyste, a umieszczenie elementu za nim wpłynęłoby na jego przezroczystość.

Wiem, że można to zrobić za pomocą JavaScript, ale szukam tylko metody CSS, jeśli to możliwe.