|
The CSS3 @font-face Rule Before CSS3, web designers had to use fonts that were already installed on the user’s computer. With CSS3, web designers can use whatever font he/she likes. When you have found/bought the font you wish to use, include the font file on your web server, and it will be automatically downloaded to [...]
CSS3 contains several new text features. In this chapter you will learn about the following text properties: text-shadow word-wrap Browser Support Property Browser Support text-shadow word-wrap Internet Explorer does not yet support the text-shadow property. Firefox, Chrome, Safari, and Opera support the text-shadow property. All major browsers support the word-wrap property. CSS3 Text Shadow In [...]
CSS3 contains several new background properties, which allow greater control of the background element. In this chapter you will learn about the following background properties: background-size background-origin You will also learn how to use multiple background images. Browser Support Property Browser Support background-size background-origin Firefox 3.6 and earlier does not support the background-origin property, and [...]
With CSS3, you can create rounded borders, add shadow to boxes, and use an image as a border – without using a design program, like Photoshop. In this chapter you will learn about the following border properties: border-radius box-shadow border-image Browser Support Property Browser Support border-radius box-shadow border-image Internet Explorer 9 supports two of the [...]
Document Object Each HTML document loaded into a browser window becomes a Document object. The Document object provides access to all HTML elements in a page, from within a script. Tip: The Document object is also part of the Window object, and can be accessed through the window.document property. Document Object Collections W3C: W3C Standard. Collection Description [...]
HTML5 has several new elements and attributes for forms. This chapter covers the new form elements: <datalist> <keygen> <output> Browser Support Tag IE Firefox Opera Chrome Safari <datalist> No 4.0 9.5 No No <keygen> No 4.0 10.5 3.0 No <output> No 4.0 9.5 10.0 5.1 <datalist> Element The <datalist> element specifies a list of [...]
HTML5 New Input Types HTML5 has several new input types for forms. These new features allow for better input control and validation. This chapter covers the new input types: email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color Browser Support Input type IE Firefox Opera Chrome Safari email No 4.0 [...]
Storing Data on the Client HTML5 offers two new objects for storing data on the client: localStorage – stores data with no time limit sessionStorage – stores data for one session Earlier, this was done with cookies. Cookies are not suitable for large amounts of data, because they are passed on by EVERY request to [...]
Global Event Attributes HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element. To learn more about programming events, please visit our JavaScript tutorial and our DHTML tutorial. Below are the global event attributes that can be added to HTML5 elements to define event [...]
New global attributes in HTML5. Attribute Value Description accesskey character Specifies a shortcut key to access an element class classname Refers to a class specified in a style sheet contenteditableNew true false inherit Specifies whether a user can edit the content of an element or not contextmenuNew menu_id Specifies a context menu for an element. [...]