Which option in the Zoom group would you use to enlarge the document to the width of the document window?

Non-standard: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

The non-standard zoom CSS property can be used to control the magnification level of an element. transform: scale() should be used instead of this property, if possible. However, unlike CSS Transforms, zoom affects the layout size of the element.

Syntax

/* Keyword values */ zoom: normal; zoom: reset; /* <percentage> values */ zoom: 50%; zoom: 200%; /* <number> values */ zoom: 1.1; zoom: 0.7; /* Global values */ zoom: inherit; zoom: initial; zoom: revert; zoom: revert-layer; zoom: unset;

Values

normal

Render this element at its normal size.

reset Non-standard

Do not (de)magnify this element if the user applies non-pinch-based zooming (e.g. by pressing Ctrl - - or Ctrl + + keyboard shortcuts) to the document. Do not use this value, use the standard unset value instead.

<percentage>

Zoom factor. 100% is equivalent to normal. Values larger than 100% zoom in. Values smaller than 100% zoom out.

<number>

Zoom factor. Equivalent to the corresponding percentage (1.0 = 100% = normal). Values larger than 1.0 zoom in. Values smaller than 1.0 zoom out.

Formal definition

Formal syntax

zoom = normal | reset | <number> | <percentage>

Examples

First example

HTML

<p class="small">Small</p> <p class="normal">Normal</p> <p class="big">Big</p>

CSS

body { display: flex; align-items: center; justify-content: space-around; height: 100vh; }

.small { zoom: 75%; } .normal { zoom: normal; } .big { zoom: 2.5; } p:hover { zoom: unset; }

Result

Second example

HTML

<div id="a" class="circle"></div> <div id="b" class="circle"></div> <div id="c" class="circle"></div>

CSS

div.circle { width: 25px; height: 25px; border-radius: 100%; text-align: center; vertical-align: middle; display: inline-block; zoom: 1.5; } div#a { background-color: gold; zoom: normal; } div#b { background-color: green; zoom: 200%; } div#c { background-color: blue; zoom: 2.9; }

Result

Specifications

Not part of any standard. This property originated in Internet Explorer. Apple has a description in the Safari CSS Reference. Rossen Atanassov of Microsoft has an unofficial draft specification proposal on GitHub.

Browser compatibility

BCD tables only load in the browser

See also

How do I zoom the width of a Word document?

Choose a particular zoom setting.
On the View tab, in the Zoom group, click Zoom 100%. ... .
On the View tab, in the Zoom group, click One Page, Multiple Pages, or Page Width..
On the View tab, in the Zoom group, click Zoom, and then enter a percentage or choose any other settings that you want..

Which option is used for zooming in and out the document?

Press and hold the Ctrl key and press the - (minus) key or + (plus) key to zoom out or in of a web page or document.

How do you zoom in on a document?

You can click File > Open within Word or you can right-click the document file and select Open With > Word. Drag the zoom slider left or right. It's in the lower right corner of the Word window. Slide it right to zoom in and slide it left to zoom out.

Which toolbar helps in zooming the document?

Zoom control is a slider that lies next to view buttons at the right end of the status bar. It helps zoom in and zoom out the document.

Which tool is used to zoom in or zoom out the slide drawing tool bar zoom control status bar?

The Zoom slider in PowerPoint appears in the lower-right corner of the application window in the Status Bar. You use this tool to change the magnification level of the slide.

What is the use of zoom control in MS Word?

Microsoft Word provides a functionality to apply zoom-in and zoom-out operations on a document. When we apply the zoom-in operation, it enlarges the size of text whereas applying the zoom-out operation reduces the size of text.

Toplist

Neuester Beitrag

Stichworte