web-dev-qa-db-fra.com

Je veux utiliser "border-image ... fill" dans le thème GTK +

Avec le code suivant:

border-image: url ("assets/sidebar-row.png") 6 23 6/6px 23px 6px;

Pas de problème, mais quand j'utilise:

border-image: url ("assets/sidebar-row.png") 6 23 6/6px 23px 6px fill;

Il échoue.

themesgtk3css
2
user2610919

Selon les spécifications GTK + , seules les valeurs suivantes sont prises en charge:

[stretch|repeat|round|space]

  • La valeur par défaut (étirement) consiste à redimensionner la tranche pour remplir toute la zone allouée.

  • Si la valeur de cette propriété est "répéter", la tranche d'image sera mosaïque pour remplir la zone.

  • Si la valeur de cette propriété est "ronde", la tranche d'image sera mise en mosaïque pour remplir la zone et mise à l'échelle pour l'adapter exactement un nombre entier de fois.

  • Si la valeur de cette propriété est "espace", la tranche d'image sera carrelée pour remplir la zone, et si elle ne lui correspond pas exactement un nombre entier de fois, l'espace supplémentaire est distribué comme remplissage autour des tranches.

J'utiliserais donc dans votre exemple:

border-image: url("assets/sidebar-row.png") 6 23 6 / 6px 23px 6px stretch;
2
Sylvain Pineau

Gtk ne prend pas encore en charge fill, mais il faudrait le spécifier comme:

border-image: url("assets/sidebar-row.png") 6 23 6 fill / 6px 23px 6px;

car 6 23 6 dans votre exemple est la partie border-image-slice de la partie border-image propriété raccourcie et fill est une option border-image-slice .

Plus d'informations: https://developer.mozilla.org/en-US/docs/Web/CSS/border-image

1
mjmt