title: how to give border and border-radius to stacklayout in nativescript
body: <p>I'm new to nativescript.I don't know how to give border and border-radius to stacklayout.</p>
  
  <p>Below I have posted what I tried so far:</p>
  
  <p><strong>component.html:</strong></p>
  
  <pre><code> &lt;StackLayout class ="stackBorder" orientation="horizontal"&gt;
      &lt;Label text="Label 1" width="50" height="50" &gt; &lt;/Label&gt;
      &lt;Label text="Label 2" width="50" height="50" &gt; &lt;/Label&gt;
      &lt;Label text="Label 3" width="50" height="50" backgroundColor="white"&gt; &lt;/Label&gt;
      &lt;Label text="Label 4" width="50" height="50" backgroundColor="white"&gt; &lt;/Label&gt;
    &lt;/StackLayout&gt;
  </code></pre>
  
  <p><strong>component.css:</strong></p>
  
  <pre><code>StackLayout {
    margin: 10;
    background-color: green;
  
  }
  
  .stackBorder {
   border: 2px solid red;
     border-radius: 8px;
  }
  </code></pre>
  
  <p><strong>component.ts:</strong></p>
  
  <pre><code>@Component({
      selector: "sdk-child-component",
      moduleId: module.id,
      templateUrl: "./component.html",
      styleUrls: ["./component.css"]
  })
  </code></pre>
  
  <p>Finally I'm unable to see the border in stacklayout.</p>