title: -fx-background-radius and -fx-background-insets in JavaFX
body: <p>I am working with JavaFX and I want to customize a button. I saw several characteristics that can be styled. Among them I found two that are unknown to me.</p>
  
  <pre class="lang-css prettyprint-override"><code>.button {
      -fx-padding: 5 22 5 22;   
      -fx-border-color: #121212;
      -fx-border-width: 2;
      -fx-border-radius: 5;
      -fx-background-radius: 0;
      -fx-background-color: #555555;
      -fx-font-family: "Segoe UI", Helvetica, Arial, sans-serif;
      -fx-font-size: 11pt;
      -fx-text-fill: #d8d8d8;
      -fx-background-insets: 0 0 0 0, 0, 1, 2;
  }
  </code></pre>
  
  <p>what are these two properties:</p>
  
  <pre class="lang-css prettyprint-override"><code>-fx-background-insets: 0 0 0 0, 0, 1, 2; 
  </code></pre>
  
  <p>and </p>
  
  <pre class="lang-css prettyprint-override"><code> -fx-background-radius: 0;
  </code></pre>
  
  <p>I saw <a href="https://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html" rel="nofollow noreferrer">this</a>, but it is very vague for me.</p>