Interview Questions on CSS

31. How write style by using java script?

Syntax :- document.getElementById(‘idname’).style.propertynname=’value’;
Ex : - document.getElementById(‘container).style.color=red;

32. How to get style property value of one html element in javascript?

Syn :- document.getElementById(‘idname’).style.propertynname
Ex :-  var color = document.getElementById(‘container’).style.color;

33. How to get style property value of one html element in jQuery?

Syn :- $(‘element’).css( propertyName );
Ex 1 :-  
$('div').css(‘color’);
Ex 2 :-
$('#container’).css(‘color’);
Ex 3:-
$('.classname’).css(‘color’);

34. How to write the styles using jquery?

Syn :- $(‘element’).css( propertyName, value );
Ex 1 :-  
$('div').css(‘color’,’#FF3456’);
Ex 2 :-
$('#container’).css(‘color’,’# FF3456’’);
Ex 3:-
$('.classname’).css(‘color’,’ #FF3456’’);

35. How to collapse borders of cells into single line in tables?

Use :- border-collapse: collapse;
EX :- 
table {
    border-collapse: collapse;
}

36. How to set border corners into rounded shape?

Use :- border-radius: 5px; /*(you can change pixels)*/

37. How to set shadows for one div element?

Use :- box-shadow: 10px; /*(you can change pixels)*/

38. What is the use of margin property?

Set particular element in in mentioned distance.
margin      : distance in allsides.
margin-top  : Sets the top margin of an element
margin-bottom : Sets the bottom margin of an element
margin-left   : the left margin of an element
margin-right  : Sets the right margin of an element

Ex1 :- margin: 5px;
Ex2 :- margin-left: 5px;

39. What is the difference b/w margin and padding?

Padding is used to maintain the distance from border to content.
margin is used to set particular element in in mentioned distance.

40. How to set the text size?

Use font-size attribute.
Syn  font-size: /*give value here */;
Ex :- font-size: 40px;