gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added a final example for more clarity (#33379)

Browse Source 
* added a final example for more clarity

* fix: fixed formatting
This commit is contained in:
Hamzah Gani
2018-12-17 05:59:37 +02:00
committed by Randell Dawson
parent 7b0d1ab74a
commit 8217c89617
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
guide/english/css/css-images/index.md
View File

@ -27,6 +27,15 @@ img {
<!-- Please add any articles you think might be helpful to read before writing the article --> <!-- Please add any articles you think might be helpful to read before writing the article -->
It is advised to change any one parameter, either height or width, to get a proportionate image. Changing both dimensions results in forced scaling and is not advisable. It is advised to change any one parameter, either height or width, to get a proportionate image. Changing both dimensions results in forced scaling and is not advisable.
**Example:** Both of these will result in a proportionate image
```
<img src="picture.jpg" alt="Picture" width="100">
// or
<img src="picture.jpg" alt="Picture" height="100">
```
##### Properties ##### Properties
<a title="The image-orientation CSS property describes how to correct the default orientation of an image." href="/en-US/docs/Web/CSS/image-orientation"><code>image-orientation</code></a> <a title="The image-orientation CSS property describes how to correct the default orientation of an image." href="/en-US/docs/Web/CSS/image-orientation"><code>image-orientation</code></a>
<a title="The image-rendering CSS property provides a hint to the browser about the algorithm it should use to scale images." href="/en-US/docs/Web/CSS/image-rendering"><code>image-rendering</code></a> <a title="The image-rendering CSS property provides a hint to the browser about the algorithm it should use to scale images." href="/en-US/docs/Web/CSS/image-rendering"><code>image-rendering</code></a>