¿Cómo me deshago del borde alrededor de un panel dividido en JavaFX?
Estoy usando JavaFX SceneBuilder, pero pegaré el FXML a continuación ya que es corto. Tengo una ventana muy simple con un panel dividido dentro de un panel de anclaje. Aquí está el 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>
Estoy usando el siguiente CSS:
#main-split-pane {
-fx-border-style: none;
-fx-border-color: blue;
-fx-border-width: 25;
}
Me da una ventana como esta:
He jugado un poco con la configuración de CSS que se muestraaquí, pero hay algunas cosas que me cuesta entender:
¿De dónde viene el borde que he marcado con la flecha roja?¿Por qué la configuración de-fx-border-style
anone
causar el-fx-border-color
ser ignorado mientras el-fx-border-width
¿Todavía tiene un efecto (como el relleno) en cómo se ven las cosas?