Summary: | provide a webkit equivalent for -moz-border-*-colors (multiple border colors) | ||
---|---|---|---|
Product: | WebKit | Reporter: | Giorgio <giorgio.liscio> |
Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
Status: | RESOLVED CONFIGURATION CHANGED | ||
Severity: | Enhancement | CC: | ahmad.saleem792, ap, darin, rniwa, simon.fraser, webkit-bug-importer, zalan |
Priority: | P2 | Keywords: | InRadar |
Version: | 528+ (Nightly build) | ||
Hardware: | All | ||
OS: | All |
Description
Giorgio
2010-05-30 20:54:35 PDT
an interesting solution can be use box shadows but with rgba and hsla colors outer shadow color is mixed with the inner shadow color test this: <style> .test { -webkit-box-shadow: 0 0 0 10px rgba(255,0,0,0.5) , 0 0 0 20px rgba(0,255,0,0.5) ; margin:30px; } </style> <div class="test">test</div> inner shadow (red) is mixed with the outer shadow color (green) so in the box-shadow property can provide a way to set the outset position of the shadow for example... -webkit-box-shadow: 0 0 0 10px rgba(255,0,0,0.5) , 0 0 0 10px [10px 10px 10px 10px] rgba(0,255,0,0.5) ; or box-shadow can provide a way to enable and disabled the blending box-shadow-blend:true||false (sorry for multiple posting) Based on following - https://caniuse.com/?search=border-color Webkit / Safari do support CSS3 property "border-color" except Mozilla's non-standard one and I can test it on below link: https://developer.mozilla.org/en-US/docs/Web/CSS/border-color Although on CSS3test.com, it does not show as "Green" (highlighting support). Web Spec link - https://www.w3.org/TR/css-backgrounds-3/#propdef-border-color Considering MDN demo and CANIUSE confirm that Webkit/Safari support standard specific "border-color" property, I think this can be closed as "RESOLVED INVALID" or "RESOLVED DUPLICATE OF XYZ". Thanks! We definitely support border-color. |