CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS3によるユーザーインターフェイスの拡張

ユーザーインターフェイスを拡張するために、CSSにはresizeプロパティとoutline-offsetプロパティが付属しています。以下は例です-

例

<!DOCTYPE html>
<html>
<head>
<style>
div {
   margin: 20px;
   border: 1px solid rgb(0, 26, 255);
   outline: 4px dashed rgb(90, 2, 86);
   outline-offset: 15px;
}
textarea {
   display: inline-block;
}
</style>
</head>
<body>
<h1>Extending user interface example</h1>
<h3>Resize property</h3>
<textarea style="resize: none;">Textarea : Not resizable</textarea>
<textarea>Textarea - Resizable (By default)</textarea>
<h3>Outline property</h3>
<div>Some text inside div</div>
</body>
</html>

出力

上記のコードは次の出力を生成します-

CSS3によるユーザーインターフェイスの拡張


  1. CSS3のFlexboxを使用した水平および垂直方向の中央揃え

    Flexboxを使用した水平方向および垂直方向の中央揃えには、CSS3のalign-itemsプロパティを使用します。 align-itemsプロパティをcenterに設定します。 以下は、フレックスボックスを使用した水平および垂直の中央揃えのコードです- 例 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .h-container

  2. パスワードを使用してLinuxユーザーを作成する

    Linuxを作成する必要がある場合があります バッチモード（完全自動）のユーザーアカウントですが、多くの場合、初心者はパスワードの設定方法を尋ねます。 手動で入力せずに新しいユーザーの場合。天国のコマンドに感謝しますuseradd 入力パラメータとしてパスワードを取得できますが、暗号化する必要があります。 つまり、パスワードを使用してLinuxユーザーアカウントを作成するには、次のコマンドが役立ちます。 useradd -m -pencryptedPass ユーザー名 パスワードを暗号化する方法を少なくとも2つ知っています。 1つ目は、 perlを使用することです。 cry