Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

Jump to content

Template:Inputbox/testcases

From Wikipedia, the free encyclopedia

For each test code displayed:

An annotation explains the point of a given test case.


{{Inputbox}}

 
 

An empty box can collapse to a flat line in some browsers (such as Opera), so the template adds a   inside empty boxes.


{{Inputbox |Some text.}}

Some text.
Some text.

Basic example.


{{Inputbox |width=20%|overflow=scroll|This is gonna be too large for me, ouch! ouch! ouch!}}

This is gonna be too large for me, ouch! ouch! ouch!
This is gonna be too large for me, ouch! ouch! ouch!

In most browsers this displays a narrow 20% box with an underside scrollbar (but reportedly fails in Firefox).
REPORT: It works in Firefox 4, however. It makes the scrollbar, 20% width box, but 300% of its normal height. Rdococ (talk) 11:12, 1 June 2011 (UTC)


{{Inputbox |style=background-color:yellow; color:red; width:40%;|My eyes! My eyes!}}

My eyes! My eyes!
My eyes! My eyes!

When using the freeform style= parameter, we can skip the dedicated width= and have the width anywhere directly in the string of CSS style.