Content Design and Presentation

The topics in this section describe how to design and present content in your websites and applications using Cascading Style Sheets (CSS) and other standards-based techniques.

In this section

Topic Description

About Element Positioning

Windows Internet Explorer supports the ability to position HTML elements in x- and y-coordinates and to overlap elements in planes along the z-axis, which extends toward and away from the viewer in a Web document. These capabilities allow authors to precisely place elements, images, controls, or text on to a web page. By using scripts to manipulate the position coordinates and other dynamic styles, authors can move elements around a page, creating animated effects.

About Font Embedding

Font embedding has long been a feature of Microsoft applications, such as Microsoft Word and Microsoft PowerPoint. It enables fonts used in the creation of a document to travel with that document, which ensures that a user views the document exactly as the author intended. Internet Explorer has supported embedded fonts since Microsoft Internet Explorer 4.0.

About Text Rendering in Internet Explorer 9

This informational topic advises developers about how sub-pixel positioning and hardware-accelerated text affect the way that webpages are displayed in Windows Internet Explorer 9 across different display resolutions and zoom factors, and how text display has changed from previous versions of Internet Explorer. This topic also might be of interest to enthusiasts who want to learn more about web typography and readability.

Color Table

Colors can be specified in HTML pages by using numbers to denote an RGB color value, or by using a color name. In Internet Explorer 9 and later, you can also define colors by hue, saturation, luminosity (HSL) values and alpha transparency.

Controlling Presentation with Measurement and Location Properties in Quirks Mode

Dynamic HTML (DHTML) exposes measurement and location properties that you can use to change the size and position of HTML elements on your Web pages. When you understand what these properties are and how they affect elements on a page, you can achieve greater control over the appearance of your Web pages. For example, you can use these properties to design pages that are similar to documents in other applications, such as PowerPoint or Word.

Controlling Presentation with Measurement and Location Properties in Strict Mode

DHTML exposes measurement and location properties that can be used to change the size and position of HTML elements on your web pages. An understanding of these properties and their impact on the elements in a page can help you achieve greater control over the layout of your websites. This article explains how you can use measurement and location properties to control the appearance of a web page that is rendered using the Windows Internet Explorer 7 strict mode.

CSS Compatibility in Internet Explorer

This article provides an at-a-glance look at CSS compliance across recent versions of Internet Explorer, including support in Internet Explorer 9 and Internet Explorer 10.

CSS Values and Units Reference

This topic defines the supported values and units for CSS text, layout, and positioning properties.

Independent Composition: Rendering and Compositing in Internet Explorer 10

The purpose of this topic is to educate web developers about independent composition, an architectural mechanism that improves the user experience by separating certain web platform rendering and composition from the user interface thread.

Measuring Element Dimension and Location with CSSOM in Internet Explorer 9

This topic is designed to help web developers understand how to access the dimension and location of elements on the page through the CSS Object Model (CSSOM) in Internet Explorer 9.

Printing and Style Sheets

The style and link elements support the MEDIA attribute, which defines the output device for the style sheet.

Selecting Objects with JavaScript

This article describes the W3C Selectors API and how it enables you to use CSS selectors to select objects in JavaScript applications.

Understanding CSS Selectors

The basic building blocks of a CSS style sheet are its style rules. Selectors are used to "select" elements on an HTML page so that they can be styled. Without selectors, there would be no way to determine how the rules should be applied. This article introduces the fundamentals of CSS declaration syntax, to describe how selectors are used.

 

Internet Explorer compatibility cookbook