image-style.md

How to Style Images With Markdown

Normal format

![alt text](image/kitten.jpg "A cute kitten")

HTML format

<img src="image/kitten.jpg" alt="Kitten"
	title="A cute kitten" width="150" height="100" />

Reference-style:

![alt text][logo]

[logo]: image/kitten.jpg "A cute kitten"

CSS format

## tapi gak jalan
![Kitten](image/kitten.jpg?thumbnail)

img[src~="thumbnail"] {
   width:150px;
   height:100px;
}
img[src~="bordered"] {
   border: 1px solid black;
}

img[src~="thumbnail"] { width:150px; height:100px; } img[src~="bordered"] { border: 1px solid black; }

CSS2 format

## gak jalan juga
![Kitten](image/kitten.jpg){: width=150 height=100 style="float:right; padding:16px"}

img[alt="Kitten"] {
   width: 150px;
   height: 100px;
}

{: width=150 height=100 style="float:right; padding:16px"}

img[alt="Kitten"] { width: 150px; height: 100px; }