In SmartIT inline styles can be used to apply css to tables and images. This can be useful when you need to tweak how an image or table appears in a specific article. For example, you might want to make an image stand out by adding shadow or highlight alternate rows in a table to add interest.
How to apply inline styles to images
Add an image by clicking the image icon.
Select the Advanced tab in the Image Properties dialog box.
If you have added width and height in Image Info the parameters will appear in the Style field. Simply add additional styles here, for example to add a shadow to an image enter
box-shadow: 10px 10px grey;
Useful image styles
Rounded image corners
Use border-radius. For example:
border-radius: 8px; - rounded corners
border-radius: 50px; - circled image
Responsive images will automatically adjust to fit the size of the screen.