terça-feira, 7 de março de 2017

Linha de comando

Eu estava vendo como que se faz para exibir uma linha de comando. Nesse blog learnertobegginer, utilizei o que ele sugere para fazer um estilo próprio de linha de comando (precisei acrescentar o display e o overflow). Aproveitei o estudo e pensei em utilizar o sistema de sintaxe que eles usam. Entretanto, tive problemas com a utilização dele no protocolo HTTPS e voltei atrás por enquanto.

O estilo ficou assim:

<style type="text/css">
.cli {
  color: #6aa84f;
  background: #000000;
  border: 1px double #CCCCCC;
  padding: 10px;
  display: block;
  overflow: hidden;
}
</style>

E o resultado de um:

<pre class="cli">rlucca@millie:~$ ls_
0123456789abcdefghij0123456789abcdefghij0123456789abcdefghij0123456789abcdefghij0123456789abcdefghij</pre>

Fica assim:

rlucca@millie:~$ ls_
0123456789abcdefghij0123456789abcdefghij0123456789abcdefghij0123456789abcdefghij0123456789abcdefghij

Como é possível notar, conteúdo excedente é cortado (por causa do overflow) conforme esperava!

Nenhum comentário:

Postar um comentário