Windborne Wiki
Explore
Main Page
All Pages
Interactive Maps
navigation
Main page
Community portal
Recent changes
Random page
Admin noticeboard
Portals
Official forum
Gamepedia
Gamepedia support
Report a bad ad
Help Wiki
Contact us
FANDOM
Fan Central
BETA
Games
Anime
Movies
TV
Video
Wikis
Explore Wikis
Community Central
Start a Wiki
Don't have an account?
Register
Sign In
Sign In
Register
Windborne Wiki
129
pages
Explore
Main Page
All Pages
Interactive Maps
navigation
Main page
Community portal
Recent changes
Random page
Admin noticeboard
Portals
Official forum
Gamepedia
Gamepedia support
Report a bad ad
Help Wiki
Contact us
Editing
Help:Tables
(section)
Back to page
Edit source
View history
Talk (0)
Edit Page
Help:Tables
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
====Simple one-pixel table border==== The default table formatting uses the "border-collapse: separate" model, which adds table cell spacing (which also separates the table outer border from its content cells). Even with a zero cellspacing, the borders of consecutive cells (and of the overall table container) will add up, so to get a one-pixel separation between cells, you need to selectively remove one or more of the four borders of cells. Such tables may be formatted more simply, using the "border-collapse: collapse" CSS property; in this table formatting model, the cellspacing attribute (or the CSS "border-spacing:" property) and the table's "padding:" CSS property is ignored and only the larger border of adjacent inner cells (or the table border for outer cells) will be used. An example of the above for one-pixel table border, using each model (without need for external extensions): {| width=100% |- ! You type ! You get |- | width=50% style="padding: 5px;" | <pre style="font-size: 80%"> {| style="border-collapse: separate; border-spacing: 0; border: 1px solid #000; padding: 0" |- | style="border-style: solid; border-width: 0 1px 1px 0"| Orange | style="border-style: solid; border-width: 0 0 1px 0"| Apple |- | style="border-style: solid; border-width: 0 1px 0 0"| Bread | style="border-style: solid; border-width: 0"| Pie |} </pre> | width=50% style="padding: 20px;"| {| style="border-collapse: separate; border-spacing: 0; border: 1px solid #000; padding: 0" |- | style="border-style: solid; border-width: 0 1px 1px 0"| Orange | style="border-style: solid; border-width: 0 0 1px 0"| Apple |- | style="border-style: solid; border-width: 0 1px 0 0"| Bread | style="border-style: solid; border-width: 0"| Pie |} |- | style="padding: 5px;"| <pre style="font-size: 80%"> {| style="border-collapse: collapse; border: 1px solid #000" |- | style="border-style: solid; border-width: 1px"| Orange | style="border-style: solid; border-width: 1px"| Apple |- | style="border-style: solid; border-width: 1px"| Bread | style="border-style: solid; border-width: 1px"| Pie |} </pre> | style="padding: 20px;"| {| style="border-collapse: collapse; border: 1px solid #000" |- | style="border-style: solid; border-width: 1px"| Orange | style="border-style: solid; border-width: 1px"| Apple |- | style="border-style: solid; border-width: 1px"| Bread | style="border-style: solid; border-width: 1px"| Pie |} |} Notes : * When using the "border-width:" CSS shortcut property, the order of the four space-separated specified values is: top, right, bottom, left. As an example from above: ::"border-width: 0 1px 0 0" :When there are fewer than 4 values, the value for left takes its default from the value for right, the value for bottom takes its default from the value for top, and the value for right takes its default from the value for top. * The HTML attributes (such as "width=", "border=", "cellspacing=", "cellpadding=") do not need any length unit (the pixel unit is assumed). The CSS style properties (which override the HTML attributes) require an explicit length unit (if the value is not 0) such as "px" for the pixel.
Summary:
Please note that all contributions to the Windborne Wiki are considered to be released under the CC BY-NC-SA
Cancel
Editing help
(opens in new window)
Follow on IG
TikTok
Join Fan Lab