Using CSS to style the border : CSS « JavaFX « Java






Using CSS to style the border

 

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class Main extends Application {

    public static void main(String[] args) {
        Application.launch(args);
    }
    
    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("Borders");
        Group root = new Group();
        Scene scene = new Scene(root, 600, 330, Color.WHITE);
        
        GridPane gridpane = new GridPane();
        gridpane.setPadding(new Insets(5));
        gridpane.setHgap(10);
        gridpane.setVgap(10);
        
        final String cssDefault = "-fx-border-color: blue;\n"
                + "-fx-border-insets: 5;\n"
                + "-fx-border-width: 3;\n"
                + "-fx-border-style: dashed;\n";
        final HBox pictureRegion = new HBox();
   
        pictureRegion.setStyle(cssDefault);
        gridpane.add(pictureRegion, 1, 1,10,10);
        
        root.getChildren().add(gridpane);        
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

   
  








Related examples in the same category

1.Connect to CSS Style Sheet in same Package
2.Connect to CSS Style Sheet in another Package
3.Set CSS style
4.-fx-stroke: green;
5.-fx-stroke-width: 5;
6.-fx-stroke-dash-array: 12 2 4 2;
7.-fx-stroke-dash-offset: 6;
8.-fx-stroke-line-cap: butt;
9.-fx-background-color: transparent;
10.-fx-border-color: white;
11.-fx-background-radius: 30;
12.-fx-border-radius: 30;
13.-fx-text-fill: white;
14.-fx-font-weight: bold;
15.-fx-font-size: 14px;
16.-fx-padding: 10 20 10 20;
17.Chart -fx-background-color: rgba(0,168,355,0.05);
18.Chart -fx-border-color: rgba(0,16,35,0.5) rgba(0,68,55,0.6) transparent rgba(0,68,55,0.7);
19.Set css file to Scene
20.Use addAll() to attach several stylesheets.
21.Set Control Id and use it in css
22.Sample application that shows the use of CSS with the different layout panes provided by the JavaFX layout API.
23.-fx-fill: red;