Basics
Guides
API Reference
Basics
Guides
API Reference
[52:7] extends: Node
Wraps JavaFX Rectangle, a rectangular shape with optional rounded corners, supporting full Shape styling. The corner rounding is controlled by arc width and arc height; when both are zero the corners are sharp right angles.
| Property | Values | Default | Description |
|---|---|---|---|
-fx-arc-height |
<size> |
0 |
Vertical diameter of the arc at the four corners; 0 produces sharp corners. |
-fx-arc-width |
<size> |
0 |
Horizontal diameter of the arc at the four corners; 0 produces sharp corners. |
| Property | Values | Default | Description |
|---|---|---|---|
-fx-fill |
<paint> |
black |
Fill paint for the interior of the shape. |
-fx-smooth |
true | false |
true |
When true, anti-aliasing is applied to the shape edges. |
-fx-stroke |
<paint> |
null |
Paint for the shape outline stroke. No stroke is drawn when null. |
-fx-stroke-type |
inside | outside | centered |
centered |
Position of the stroke relative to the shape boundary. |
-fx-stroke-dash-array |
<size> [<size>]* |
(none) | Pattern of dashes and gaps for a dashed stroke. |
-fx-stroke-dash-offset |
<number> |
0 |
Offset into the dash pattern at which to begin rendering. |
-fx-stroke-line-cap |
square | butt | round |
square |
Style of the end caps on open path strokes. |
-fx-stroke-line-join |
miter | bevel | round |
miter |
Style used at corners where two stroke segments meet. |
-fx-stroke-miter-limit |
<number> |
10 |
Limit on the ratio of miter length to stroke width; beyond this the join becomes a bevel. |
-fx-stroke-width |
<size> |
1 |
Width of the shape stroke in pixels. |
| Property | Values | Default | Description |
|---|---|---|---|
-fx-blend-mode |
add | blue | color-burn | color-dodge | darken | difference | exclusion | green | hard-light | lighten | multiply | overlay | red | screen | soft-light | src-atop | src-in | src-out | src-over |
null |
Blend mode used when compositing this node with nodes beneath it. |
-fx-cursor |
null | crosshair | default | hand | move | e-resize | h-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | v-resize | text | wait | <url> |
null (inherits) |
Mouse cursor shape shown when the pointer is over this node. Inherits from parent by default. |
-fx-effect |
<effect> |
null |
A visual effect (e.g. DropShadow, InnerShadow) applied to the rendered node. |
-fx-focus-traversable |
true | false |
false |
Whether this node participates in focus traversal. |
-fx-view-order |
<number> |
0 |
Adjusts rendering and hit-test order within the parent without changing the scene graph order. |
-fx-opacity |
<number> [0.0 - 1.0] |
1 |
Opacity of the node. 0 is fully transparent, 1 is fully opaque. |
-fx-rotate |
<number> |
0 |
Rotation angle in degrees applied around the node's center point. |
-fx-scale-x |
<number> |
1 |
Scale factor along the X axis about the node's center. |
-fx-scale-y |
<number> |
1 |
Scale factor along the Y axis about the node's center. |
-fx-scale-z |
<number> |
1 |
Scale factor along the Z axis about the node's center. |
-fx-translate-x |
<number> |
0 |
Translation offset along the X axis in pixels. |
-fx-translate-y |
<number> |
0 |
Translation offset along the Y axis in pixels. |
-fx-translate-z |
<number> |
0 |
Translation offset along the Z axis in pixels. |
visibility |
visible | hidden | collapse | inherit |
visible |
Controls whether the node is rendered and participates in layout. |
-fx-managed |
true | false |
true |
When false, the parent layout does not manage this node's position or size. |
Rectangle (double X = 0.0, double Y = 0.0, double Width = 0.0, double Height = 0.0)
Creates a new Rectangle at the given position with the given dimensions.
X is a double with the X coordinate of the rectangle's top-left corner.Y is a double with the Y coordinate of the rectangle's top-left corner.Width is a double with the width of the rectangle in pixels.Height is a double with the height of the rectangle in pixels.setWidth (double W)
Sets the width of the rectangle.
W is a double with the new width in pixels.this objectsetHeight (double H)
Sets the height of the rectangle.
H is a double with the new height in pixels.this objectsetArcWidth (double W)
Sets the horizontal diameter of the arc used to round the rectangle's corners.
W is a double with the arc width in pixels; 0 produces sharp corners.this objectsetArcHeight (double H)
Sets the vertical diameter of the arc used to round the rectangle's corners.
H is a double with the arc height in pixels; 0 produces sharp corners.this objectsetFill (object PaintObj)
Sets the fill paint for the rectangle interior.
PaintObj is a paint object used to fill the rectangle.this objectsetStroke (object PaintObj)
Sets the stroke paint for the rectangle outline.
PaintObj is a paint object used to draw the rectangle outline.this objectsetStrokeWidth (double W)
Sets the width of the rectangle outline stroke.
W is a double with the stroke width in pixels.this object
Aussom
Write once. Embed everywhere.
Copyright 2026 Austin Lehman. All rights reserved.