Intitulé volet paramètres css

Je me demande comment faire pour appliquer le style CSS des paramètres à un TitledPane, mais ne pouvez pas trouver un exemple

Je voudrais appliquer les paramètres personnalisés pour l' TitledPane de la barre d'outils et d'arrière-plan, mais cela ne fonctionne pas

.titled-pane
{
    -fx-background-color: linear-gradient(aliceblue, lightslategray);
}

OriginalL'auteur Alberto acepsut | 2014-01-30

  1. 20

    Css par défaut de l'intitulé volet...de les modifier en fonction de votre besoin.

    .titled-pane 
{
-fx-skin: "com.sun.javafx.scene.control.skin.TitledPaneSkin";    
-fx-text-fill: -fx-text-base-color;
}
.titled-pane:focused 
{
-fx-text-fill: white;
}
.titled-pane > .title 
{
-fx-background-color: -fx-box-border, -fx-inner-border, -fx-body-color;
-fx-background-insets: 0, 1, 2;
-fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
-fx-padding: 0.166667em 0.833333em 0.25em 0.833333em; /* 2 10 3 10 */
}
.titled-pane:focused > .title 
{
-fx-color: -fx-focus-color;
}
.titled-pane > .title > .arrow-button 
{
-fx-background-color: null;
-fx-background-insets: 0;
-fx-background-radius: 0;
-fx-padding: 0.0em 0.25em 0.0em 0.0em; /* 0 3 0 0 */
}
.titled-pane > .title > .arrow-button .arrow 
{
-fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
-fx-background-insets: 1 0 -1 0, 0;
-fx-padding: 0.25em 0.3125em 0.25em 0.3125em; /* 3 3.75 3 3.75 */
-fx-shape: "M 0 0 h 7 l -3.5 4 z";
}
.titled-pane:collapsed > .title > .arrow-button .arrow 
{
-fx-rotate: -90;
}
.titled-pane > *.content 
{
-fx-background-color:
-fx-box-border,
linear-gradient(to bottom, derive(-fx-color,-02%), derive(-fx-color,65%) 12%,      derive(-fx-color,23%) 88%, derive(-fx-color,50%) 99%, -fx-box-border);
-fx-background-insets: 0, 0 1 1 1;
-fx-padding: 0.167em;
}
.titled-pane:focused > .title > .arrow-button .arrow 
{
-fx-background-color: white;
}
    merci beaucoup c'est exactement ce que je cherchais
    Quelle est sa feuille de style nom et où est-il?
    Juste un coup d'oeil à modène.css, le thème par défaut en JavaFX: gist.github.com/maxd/63691840fc372f22f470

    OriginalL'auteur Anshul

  2. 5

    Seulement les propriétés suivantes sont disponibles pour intitulé volet( qui comprennent tous l'étiquette propriétés et les propriétés de police)

    propriétés supplémentaires

                -fx-animated     
-fx-collapsible

    marqué propriétés

                -fx-alignment   
-fx-text-alignment  
-fx-text-overrun         
-fx-wrap-text   
-fx-font    
-fx-underline    
-fx-graphic          
-fx-content-display          
-fx-graphic-text-gap         
-fx-label-padding        
-fx-text-fill        
-fx-ellipsis-strin

    propriétés de la police

                   -fx-font     
-fx-font-family       
-fx-font-size         
-fx-font-style    
-fx-font-weight

    OriginalL'auteur siddharth gupta

  3. 1

    La documentation officielle pour le style CSS Intitulé Volets peuvent être trouvés ici (voir @siddharth gupta réponse concernant les propriétés possibles).

    Vous pouvez envisager de style qu'un certain sous-composante, par exemple, .titled-pane > .title > .text. Intitulé volets ont la disposition suivante:

    • intitulé volet TitledPane
      • titre — HBox
        • texte — Label
        • bouton-flèche — StackPane
          • flèche — StackPane
      • contenu — StackPane

    Ici est la mise en forme par défaut pour le TitledPane'"en-tête":

    .titled-pane > .title 
{
-fx-background-color: -fx-box-border, -fx-inner-border, -fx-body-color;
-fx-background-insets: 0, 1, 2;
-fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
-fx-padding: 0.166667em 0.833333em 0.25em 0.833333em; /* 2 10 3 10 */
}

    OriginalL'auteur Markus Weninger