Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Look, how to understand the CSSRef:</p> <p><a href="http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html" rel="nofollow">http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html</a></p> <p>Look at </p> <p>-fx-background-image : </p> <p>uri [ , uri ]* </p> <p>A series of image URIs separated by commas.</p> <p>Look at </p> <p>-fx-background-repeat </p> <p>repeat-style [ , repeat-style ]*</p> <p>where repeat-style = repeat-x | repeat-y | [repeat | space | round | stretch | no-repeat]{1,2} </p> <p>A series of values separated by commas. Each repeat-style item in the series applies to the corresponding image in the background-image series.</p> <p>Look at : -fx-background-position </p> <p>bg-position [ , bg-position ]* where = [ [ [ size | left | center | right ] [ size | top | center | bottom ]? ] | [ [ center | [ left | right ] size? ] || [ center | [ top | bottom ] size? ] ]</p> <p>A series of values separated by commas. Each bg-position item in the series applies to the corresponding image in the background-image series.</p> <p>So, what can you see : you should describe 2 images, (2x2 pixels each - one red and one - grey) Two bg positions, and two repeat styles for each of them corresponding.</p> <p>How?</p> <p>example : </p> <pre><code>{ -fx-backdround-image : "path_to_red", "path_to_grey"; -fx-background-repeat : repeat-x, stretch; -fx-background-position : 0px 0px, 0px 2px; } </code></pre> <p>I don't give a garantee on workness of the code, but the idea seems correct.</p> <p>Maybe possible with only colors instead of images when using insets. Example from original JavaFX CSS:</p> <pre><code>.table-row-cell:odd { -fx-background-color: -fx-table-cell-border-color, derive(-fx-control-inner-background,-5%); -fx-background-insets: 0, 0 0 1 0; } </code></pre> <p>[6 characters...]</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload