значения свойства:
table, td{
border
:
1px
solid
#00F
;
font-size
24px
border-collapse
collapse
}
#t
1
{
caption-side
top
4
left
5
right
table, td{ border: 1px solid #00F; font-size: 24px; border-collapse: collapse; } #t1 { caption-side: top; } #t4 { caption-side: left; } #t5 { caption-side: right; }
<!DOCTYPE html>
<
html
>
head
meta
charset
=
"utf-8"
/>
title
>New Page</
link
href
"css/style.css"
rel
"stylesheet"
script
type
"text/javascript"
src
"https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
></
</
body
table
id
"t1"
caption
>English / Russian</
tr
td
>Hello World!</
>Привет Мир!</
>To be or not to be?</
>Быть или не быть?</
br
"t2"
"t3"
"t4"
>Capital</
>Washington</
>USA</
>Kiev</
>Ukraine</
"t5"
/*JavaScript*/
document.getElementById("t2").style.captionSide="top";
/*jQuery*/
$(document).ready(function() {
$("#t3").css({ "caption-side": "bottom" });
});