-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
“[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.”
— Eric Meyer
<link> or <style> elements and adds a vendor prefix where neededstyle attribute and adds a vendor prefix where needed<link> or <style> elements, style attribute changes and CSSOM changes (requires plugin).css() method get and set unprefixed properties (requires plugin)@import-ed files is not supportedstyle attribute) won’t work in IE and Firefox < 3.6. Properties as well in Firefox < 3.6.Check this page’s stylesheet ;-)
You can also visit the Test Drive page, type in any code you want and check out how it would get prefixed for the current browser.
Just include prefixfree.js anywhere in your page. It is recommended to put it right after the stylesheets, to minimize FOUC
That’s it, you’re done!
The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.
If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix.
In older browsers like IE8, nothing will break, just properties won’t get prefixed. Which wouldn’t be useful anyway as IE8 doesn’t support much CSS3 ;)
Test the prefixing that -prefix-free would do for this browser, by writing some CSS below:
A groove at the end of the thread that allows the mating part to sit flush against a shoulder.
DIN 76-1 specifies the dimensions for thread run-outs and undercuts. Form A specifically refers to the standard undercut used for external threads, ensuring that the nut or mating part can be tightened fully against a shoulder without interference from the thread run-out. Key Specs in the PDF:
DIN 76-1 defines technical standards for thread run-outs and undercuts in mechanical engineering, specifically managing the transition zone where threading terminates. "Type A" undercuts (DIN 76-a) ensure precise assembly, load distribution, and clearance, preventing fastener failure by managing the "a" dimension between the last full thread and the bearing face. For more details, visit Scribd . Din 76-1 | PDF | Screw | Metalworking - Scribd
| Thread Size | Thread Pitch P (mm) | Undercut Width a (mm) | Run-out length R (mm) | Undercut Diameter d₁ (mm) | |-------------|----------------------|------------------------|------------------------|-----------------------------| | M3 | 0.5 | 0.8 | 1.2 | 2.2 | | M4 | 0.7 | 1.0 | 1.6 | 3.0 | | M5 | 0.8 | 1.2 | 1.8 | 3.9 | | M6 | 1.0 | 1.5 | 2.2 | 4.7 | | M8 | 1.25 | 1.8 | 2.7 | 6.4 | | M10 | 1.5 | 2.2 | 3.2 | 8.2 |
: Some find the DIN 76 series a bit "dry" (as it's mostly tables of millimetre measurements), but its technical accuracy for ISO metric threads (DIN 13-1) is unmatched. Where to Find the Specs
(often referred to as DIN 76-A based on its primary "Type A" undercut designation) is a German technical standard that defines the dimensions for thread run-outs and thread undercuts on fasteners like bolts, screws, and internal tapped holes.
The standard (normal) design for external thread undercuts. It is typically used for general engineering applications.
A groove at the end of the thread that allows the mating part to sit flush against a shoulder.
DIN 76-1 specifies the dimensions for thread run-outs and undercuts. Form A specifically refers to the standard undercut used for external threads, ensuring that the nut or mating part can be tightened fully against a shoulder without interference from the thread run-out. Key Specs in the PDF: din 76-a pdf
DIN 76-1 defines technical standards for thread run-outs and undercuts in mechanical engineering, specifically managing the transition zone where threading terminates. "Type A" undercuts (DIN 76-a) ensure precise assembly, load distribution, and clearance, preventing fastener failure by managing the "a" dimension between the last full thread and the bearing face. For more details, visit Scribd . Din 76-1 | PDF | Screw | Metalworking - Scribd A groove at the end of the thread
| Thread Size | Thread Pitch P (mm) | Undercut Width a (mm) | Run-out length R (mm) | Undercut Diameter d₁ (mm) | |-------------|----------------------|------------------------|------------------------|-----------------------------| | M3 | 0.5 | 0.8 | 1.2 | 2.2 | | M4 | 0.7 | 1.0 | 1.6 | 3.0 | | M5 | 0.8 | 1.2 | 1.8 | 3.9 | | M6 | 1.0 | 1.5 | 2.2 | 4.7 | | M8 | 1.25 | 1.8 | 2.7 | 6.4 | | M10 | 1.5 | 2.2 | 3.2 | 8.2 | Key Specs in the PDF: DIN 76-1 defines
: Some find the DIN 76 series a bit "dry" (as it's mostly tables of millimetre measurements), but its technical accuracy for ISO metric threads (DIN 13-1) is unmatched. Where to Find the Specs
(often referred to as DIN 76-A based on its primary "Type A" undercut designation) is a German technical standard that defines the dimensions for thread run-outs and thread undercuts on fasteners like bolts, screws, and internal tapped holes.
The standard (normal) design for external thread undercuts. It is typically used for general engineering applications.