HTML
HTML Basic
HTML Tags
HTML Formatting
HTML Attributes
HTML & Styles
HTML & Scripts
HTML Tables
HTML Lists
HTML Links
HTML Forms
HTML Images
HTML Meta Tags
HTML Layout
HTML Doctypes
HTML CSS
HTML Head
HTML Scripts
HTML Entities
HTML Encoding
HTML5
HTML5 Basic
HTML5 Tags
HTML5 Input Types
HTML5 Video
HTML5 Audio
HTML5 Drag and Drop
HTML5 Canvas
HTML5 SVG
HTML5 Geolocation
CSS
CSS Basic
Applying CSS
CSS Selectors
CSS Colors
CSS Text & Fonts
CSS Borders
CSS Align
CSS Margins & Padding
CSS Grouping & Nesting
CSS Positioning
CSS Floating
CSS Dimension
CSS Display
CSS Pseudo
CSS3
CSS3 Basic
CSS3 Selectors
CSS3 Shadows
CSS3 Gradients
CSS3 Transitions
CSS3 Animations
CSS3 @Font Face
CSS3 Rounded Corners
CSS3 Multi Columns
CSS3 Flexible Box
CSS3 Transform
JavaScript
JS Basic
JS Keywords
JS Statements
JS Variables
JS Operators
JS Functions
JS Objects
JS Guidelines
JS Comparisons
JS If...Else
JS Switch
JS Loop
JS Events
JS Try...Catch
JS Browser Objects
JS Cookies
JS Validation
JS Timer
JS Objects
jQuery
jQuery Core
jQuery Selectors
jQuery Attributes
jQuery Traversing
jQuery Manipulation
jQuery Events
jQuery CSS
jQuery Effects
jQuery Ajax
jQuery Plugins
jQuery Animations
jQuery Utilities
References
HTML References
HTML 5 References
CSS References
CSS3 References
JavaScript References
HTML Code References
Ascii Code References
URL Encode & URL Decode
HTML Encode & HTML Decode
HTML to Text
Home
Html
Object
Border
border attribute for
object
(HTML4 & HTML5)
Width (in pixels) of the border around the element.
Values
(Default Value: no default value)
Result from the Online TryIt-Editor
<!doctype html> <html> <head> <title>HtmlNest.com live html example</title></head> <body> <table id="myTable" border="6px"> <tr> <td>Apple</td> <td>Pear</td> <td>Peach</td> </tr> </table> </body></html>
1.0
1.0
1.0
2.0
4.0
Examples having uses of html attribute 'border'
Newest examples
Most popular examples
Most views examples
2 votes
13k views
JavaScript Keywords list
JavaScript has many keywords some of them are currently in use and some of them are reserved for future use. We can not use the keywords for our general purpose.
5 votes
13k views
HTML Table
Tables are defined with the <table> tag. A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell.
1 votes
11k views
CSS Inline Boxes
In this example the inline display is used to merge the two paragraphs of example text together.
3 votes
11k views
CSS Padding & Margin
A margin is the space outside of the element, whereas padding is the space inside the element.
1 votes
11k views
jQuery Plugin Introduction
By extending jQuery, you create reusable components that can be used on any web page. Your code is encapsulated and there is less risk that you will use the same function names elsewhere.
0 votes
10k views
CSS3 Multi Columns Basic
CSS multi columns property builds on the Box model module [no public working draft yet] and adds functionality to flow the content of an element into multiple columns.
3 votes
9k views
jQuery Basic Manipulation
jQuery provides methods to manipulate documents in efficient way. You do not need to write big code to modify the value of any element's attribute or to extract HTML code from a paragraph or division.
4 votes
8k views
jQuery ajaxStart & ajaxComplete
jQuery ajaxStart and ajaxComplete are two functions are very useful to show the graphics while the data is loading from server. The ajaxStart method works while the server fullfilling the service asked to it. The ajaxComplete method is called when the server fulfilled the request.
2 votes
4k views
HTML Table Padding
You can increase the space within the table cells and the space between the cells by using the cellpadding and cellspacing attributes. The cellspacing attribute adjusts the space between the cells and cellpadding adjusts the space within (around) the cell.
0 votes
3k views
HTML5 Drag and Drop between four elements
Drag and Drop magic with HTML5 using an image to drag back and forth between four <div> elements.
1 votes
2k views
HTML Table Rowspan
Table rowspan sets how many rows a cell spans and rowspan extends cells on a vertical row.
1 votes
2k views
HTML5 Canvas Image
The drawImage method allows you to insert other images (img and canvas elements) into your canvas context. To draw an image using HTML5 Canvas, we can use the drawImage() method which requires an image object and a destination point. The destination point is relative to the top left corner of the image.
0 votes
2k views
HTML Table Alignment
You can create text alignment for the table by using the HTML style attribute and setting CSS attribute "text-align: right"
0 votes
2k views
HTML5 Canvas Text
To align HTML5 Canvas text, we can use the textAlign property of the canvas context, which can be set to start, end, left, center, or right. Unless otherwise specified, the textAlign property is defaulted to left.
0 votes
1k views
HTML Table Column
Table cells can span across more than one column or row. The attributes colspan and rowspan indicate how many columns or rows a cell should take up.
0 votes
1k views
HTML Table Header
Header information in a table are defined with the <th> tag. All major browsers display the text in the <th> element as bold and centered.
0 votes
1k views
HTML image link
If you want to make an image work as a link, the method is exactly the same as with texts. You simply place the <a href> and the </a> tags on each side of the image.
2 votes
1k views
jQuery Slide
The jQuery slideUp and slideDown methods gradually change the height of the selected elements.
0 votes
1k views
HTML Table Width & Height
You can specifying a table height & width by using the attributes with same name. The default values are in pixels.
0 votes
1k views
jQuery Replace Element
Using jquery manipulation methods, we can replace elements with another elements.
0 votes
1k views
jQuery Create Element
jQuery provides methods to manipulate documents in efficient way. Using jquery manipulation methods, we can insert element in given document. Like here we add a new element before the blue square.
0 votes
1k views
CSS Transform and Rotate
CSS Transforms offers you the possibility to scale, rotate, reposition and skew an element through CSS. We can now combine this with CSS Transitions to create a nice example that will both scale and rotate an element when hovered
0 votes
1k views
CSS Color
Colors can be applied to any HTML element. Like div, text, body ,paragraph etc.
0 votes
1k views
CSS Margin
This example shows you how to use an internal CSS StyleSheet to apply margin options. The top line has no margin, whereas the second line of text has a margin on both sides of 50px.
0 votes
1k views
CSS Padding
This example shows you how to use an internal CSS Style Sheet to apply padding options. The top line of text has no padding, whereas the second line of text has 25px padding at the top and bottom, and 50px padding on either side.
0 votes
1k views
CSS Bottom
To have the effect for bottom text we have created a master container where the position to all child elements position is relative to the master container. And we used a child container with a absolute position to bottom and left for the master container.
0 votes
1k views
jQuery Animate Properties
jQuery animate also support different properties and multiple unit types within one animation.
1 votes
1k views
CSS Float
It can sometimes be useful to have some text be aligned to the left and some text be aligned to the right on the same line. For example, in a footer, where you might want to have copyright info on the left and webmaster info on the right.
1 votes
1k views
jQuery Remove Element
Using jQuery manipulation methods, we can remove elements.
0 votes
1k views
CSS 3D Transform
CSS3 allows you to format your elements using 3D transforms and here we have rotated 180 degrees around X axis.
0 votes
1k views
CSS border-radius
You can specify the border-radius value in pixel and percentage.
Useful Information
Contact
Privacy Policy
Copyright 2014 htmlnest.com.
All Rights Reserved.