-
Notifications
You must be signed in to change notification settings - Fork 822
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
MDN Border-image generator
: Move border-image-source
to the end in CSS Code
output
#93
Comments
border-image-source
to the end in CSS Code
outputborder-image-source
to the end in CSS Code
output
border-image-source
to the end in CSS Code
outputMDN Border-image generator
: Move border-image-source
to the end in CSS Code
output
so current order is: border-image-slice: 27 27 27 27;
border-image-width: 20px 20px 20px 20px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: stretch stretch;
border-image-source: url("border-image-1.png");
border-style: solid; Personally what I usually do is put the border-style: solid;
border-image-source: url("border-image-1.png");
border-image-repeat: stretch stretch;
border-image-slice: 27 27 27 27;
border-image-width: 20px 20px 20px 20px;
border-image-outset: 0px 0px 0px 0px; FYI, have confirmed that the |
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as spam.
This comment was marked as spam.
Currently, the border properties are roughly ordered by appearance in the tool, except for |
Currently, properties are listed after the
border-image-source
property, likeborder-style
.As
border-image-source
contains the encoded image, it can become quite lengthy, and often the image is referenced differently (e.g. by URL or by some asset management in the build step). Hence the developer may copy everything untilborder-image-source
and then just skip everything else, as there can be a lot to scroll down - and thereby easily miss other important properties, asborder-style
(which is required by Chrome to make the border image actually visible).The text was updated successfully, but these errors were encountered: