Jak pozbyć się obramowania wokół podzielonego panelu w JavaFX?

Używam JavaFX SceneBuilder, ale wkleję FXML poniżej, ponieważ jest krótki. Mam bardzo proste okno z podzieloną szybą wewnątrz szyny kotwiczącej. Oto FXML:

<?xml version="1.0" encoding="UTF-8"?>

<AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml">
  <children>
    <SplitPane id="main-split-pane" dividerPositions="0.25" focusTraversable="true" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="-1.0" prefWidth="-1.0" style="" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
      <items>
        <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" style="" />
        <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" />
      </items>
    </SplitPane>
  </children>
  <padding>
    <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
  </padding>
  <stylesheets>
    <URL value="@main-view.css" />
  </stylesheets>
</AnchorPane>

Używam następującego CSS:

#main-split-pane {
    -fx-border-style: none;
    -fx-border-color: blue;
    -fx-border-width: 25;
}

Daje mi takie okna:

Grałem z pokazanymi ustawieniami CSStutaj, ale jest kilka rzeczy, które mam problem ze zrozumieniem:

Gdzie jest granica, z której pochodzi czerwona strzałka?Dlaczego ustawianie-fx-border-style donone spowodować-fx-border-color być ignorowanym, gdy-fx-border-width nadal ma wpływ (jak wypełnienie) na wygląd rzeczy?

questionAnswers(1)

yourAnswerToTheQuestion