Example of bracketed matrix using MathML

requires MathML-enabled browser, e.g. Firefox, or,
any browser and a platform that uses MathJax e.g. Digitaled.com's Mobius (MathJax interprets MathML)
use brackets '[' ']', '(' ')', or '{' '}' in the MathML lines
adjust the height of the brackets with the value of the mspace height property.

Idea from

Sean Scott's page How To: Manage Matrix Brackets and originally from Travis Miller.
2x2 matrix with numeric response areas for each matrix element on the UWaterloo Open Math linear algebra site

$[$	100	101	102	$]$
	50	51	52
	10	11	12


<table style="text-align:center">
  <tr>
    <td rowspan="3"> <math xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mo>[</mo><mspace height="6ex" /></mrow></math> </td> 
    <td>100</td>
    <td>101</td>
    <td>102</td>
    <td rowspan="3"> <math xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mo>]</mo> <mspace height="6ex" /></mrow></math> </td> 
  </tr>
  <tr>
    <td>50</td>
    <td>51</td>
    <td>52</td>
  </tr>
  <tr>
    <td>10</td>
    <td>11</td>
    <td>12</td>
  </tr>
</table>

Example of bracketed matrix using CSS

CSS copied from Stack Overflow question answered by techfoobar using :before and :after pseudo elements to create two border boxes, one on either side of the table matrix. Only three sides of each border box is rendered, to create the illusion of a square bracket. See the source code for the example CSS.

100	101	102
50	51	52
10	11	12

Contact

Paul Kates
Mathematics Faculty CTE Liaison
pkates@uwaterloo.ca, x47047

Updated: Sun Mar 28 17:52:24 EDT 2021.