CSSで枠線の幅を設定

枠線の幅を設定するには「-fx-border-width」を使用します。

-fx-border-widthは「上・下・左・右」の位置を、それぞれ個別に設定することも可能です。

纏めて設定する場合

個別に設定する場合

各種コントロールのsetStyleメソッドで「-fx-border-width: 3」を設定した実行結果を以下に示します。

※デフォルトの設定では「-fx-border-color」がnullのため、枠線が表示されませんので「-fx-border-color: black」を同時に設定しています。＜＜　-fx-border-colorの説明はこちらへ　＞＞


			 setStyle( "-fx-border-color:red;-fx-border-width:3" )

実行例

【 Label 実行結果】

【 Button 実行結果】

【 TextField 実行結果】

【 TextArea 実行結果】

【 CheckBox 実行結果】

【 RadioButton 実行結果】

【 ChoiceBox 実行結果】

【 ListView 実行結果】

【 ComboBox 実行結果】

【 Slider 実行結果】

【 Progress 実行結果】

【 ToolBar 実行結果】

【 TreeView 実行結果】

【 TreeTableView 実行結果】