I don't think border
is the way to go with this. Generated content would be a better option for putting that tick in the top right corner. You could do it with text, but a small tick image would be easier, like so:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
.tileSelected {
height:100px;
width:100px;
background:black;
color:#fff;
position: relative;
}
.tileSelected::before {
content: "";
width: 28px;
height: 28px;
top: 0;
right: 0;
position: absolute;
background: url(tick.png);
}
</style>
</head>
<body>
<div class="tileSelected">
this is test content
</div>
</body>
</html>