javascript – Having problem picking aspects in CSS with aspects produced in JS

I produced some divs with JS thus:

 const container = document.querySelector(' #container');.
for( allow i = 1; i < < 17; i++) {
var row = document.createElement(' div');.
row.id='r' + i;.
row.class=" row";
container.appendChild( row);.
for( allow j = 1; j < < 17; j++) {
var newDiv = document.createElement(' div');.
newDiv.id='c' + j;.
newDiv.class=" box";
newDiv.textContent = row.id;.
row.appendChild( newDiv);.
}
}

I'm attempting to check the row divs by including a boundary per row course in css thus:

 #row {
boundary: 1px strong environment-friendly;.

}

My inquiry is just how come the rows are disappointing up with an eco-friendly boundary? Am I able to pick aspect from CSS data with aspects produced in JS?

I was anticipating 16 boxes for every of the 16 div aspects with course "row".