Template:Border radius/doc - Revision history

XCompWiz at 23:40, 24 May 2018

2018-05-24T23:40:24Z

XCompWiz: 3 revisions imported: Importing old wiki

2018-05-24T19:50:57Z

3 revisions imported: Importing old wiki

XCompWiz at 23:00, 13 November 2016

2016-11-13T23:00:24Z

XCompWiz at 20:39, 24 July 2015

2015-07-24T20:39:48Z

XCompWiz: Created page with "This is intended to be used in a CSS context as a shorter way of expressing border radii. It uses several vendor-specific prefixes, as well as the standard CSS3 `border-r..."`


2015-07-24T15:12:35Z
Created page with "This is intended to be used in a CSS context as a shorter way of expressing border radii. It uses several vendor-specific prefixes, as well as the standard CSS3 <code>border-r..."
New page
This is intended to be used in a CSS context as a shorter way of expressing border radii. It uses several vendor-specific prefixes, as well as the standard CSS3 <code>border-radius</code>.



==Examples==

<pre>

<div style="border: 1px solid black; {{border radius|5px}}">Test</div>

</pre>

Produces:

<div style="border: 1px solid black; {{border radius|5px}}">Test</div>

Source:

<pre>

<div style="border: 1px solid black; border-radius: 5px; -webkit-border-radius: 5px; 

-moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;">Test</div>

</pre>

==Technical==

A semicolon after the template (<code><nowiki>{{border radius|4px}};</nowiki></code>) '''is not necessary'''. This template ends with a semicolon. Extra semicolons could cause problems in a few browsers.



This doesn't yet support specific corners, since CSS3 and the Webkit-specific version use <code>top-right-border-radius</code> and <code>-webkit-top-right-border-radius</code> (respectively), while Mozilla uses <code>-moz-border-radius-topright</code>.  Feel free to implement this (it shouldn't be too hard), but '''''please''''' test it on your user page or at [[/Sandbox]] '''''before''''' changing this template. Bad CSS on the [[main page]] is not good.



<includeonly>[[Category:Formatting Templates]]</includeonly>

<noinclude>[[Category:Template documentation]]</noinclude>

@@ Line 1: / Line 1: @@
 This is intended to be used in a CSS context as a shorter way of expressing border radii. It uses several vendor-specific prefixes, as well as the standard CSS3 <code>border-radius</code>.
@@ Line 17: / Line 16: @@
 This doesn't yet support specific corners, since CSS3 and the Webkit-specific version use <code>top-right-border-radius</code> and <code>-webkit-top-right-border-radius</code> (respectively), while Mozilla uses <code>-moz-border-radius-topright</code>.  Feel free to implement this (it shouldn't be too hard), but '''''please''''' test it on your user page or at [[/Sandbox]] '''''before''''' changing this template. Bad CSS on the [[main page]] is not good.
 <includeonly>[[Category:Formatting templates]]</includeonly>

← Older revision		Revision as of 23:00, 13 November 2016
Line 19:		Line 19:
	{{doc/end}}		{{doc/end}}

−	<includeonly>[[Category:Formatting ~~Templates~~]]</includeonly>	+	<includeonly>[[Category:Formatting templates]]</includeonly>

← Older revision	Revision as of 19:50, 24 May 2018
(No difference)

Template:Border radius/doc - Revision history

XCompWiz at 23:40, 24 May 2018

XCompWiz: 3 revisions imported: Importing old wiki

XCompWiz at 23:00, 13 November 2016

XCompWiz at 20:39, 24 July 2015

XCompWiz: Created page with "This is intended to be used in a CSS context as a shorter way of expressing border radii. It uses several vendor-specific prefixes, as well as the standard CSS3 border-r..."

XCompWiz: Created page with "This is intended to be used in a CSS context as a shorter way of expressing border radii. It uses several vendor-specific prefixes, as well as the standard CSS3 `border-r..."`